Merge pull request #249 from Cloud-Code-AI/248-increase-nav-sidebar-width-so-that-more-words-can-be-accustomed

feat: wider navigation bar item.

Author: sauravpanda

packages/akiradocs/src/components/layout/Navigation.tsx

@@ -33,7 +33,7 @@ export function Navigation({ locale, items }: NavigationProps) {
 
   return (
     <ErrorBoundary FallbackComponent={ErrorFallback}>
-      <aside className="w-64 bg-sidebar-background/50 text-sidebar-foreground border-r border-border/40 h-[calc(100vh-4rem)] sticky top-16 backdrop-blur-sm overflow-hidden">
+      <aside className="w-[20%] bg-sidebar-background/50 text-sidebar-foreground border-r border-border/40 h-[calc(100vh-4rem)] sticky top-16 backdrop-blur-sm overflow-hidden">
         <ScrollArea className="h-full py-6 px-4">
           <nav className="space-y-2">
             {Object.entries(items)
@@ -161,7 +161,7 @@ export async function ApiSidebar() {
 
   return (
     <ErrorBoundary FallbackComponent={ErrorFallback}>
-      <aside className="w-64 bg-sidebar-background text-sidebar-foreground border-r h-[calc(100vh-4rem)] sticky top-16 shadow-sm">
+      <aside className="w-[20%] bg-sidebar-background text-sidebar-foreground border-r h-[calc(100vh-4rem)] sticky top-16 shadow-sm">
         <ScrollArea className="h-full py-6 px-4">
           <nav className="space-y-2">
             {navigation.map((item, index) => (

packages/create-app/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-akiradocs",
-  "version": "1.0.53",
+  "version": "1.0.54",
   "description": "Create Akira Docs documentation sites with one command",
   "main": "./dist/index.js",
   "type": "module",