左侧导航栏修复正常

app/components/AppSidebar.vue

@@ -37,8 +37,8 @@
 
     <!-- 可滚动的导航区域 -->
     <div
-      class="flex-1 scrollbar-thin scrollbar-thumb-gray-300 dark:scrollbar-thumb-gray-600 scrollbar-track-transparent hover:scrollbar-thumb-gray-400 dark:hover:scrollbar-thumb-gray-500"
-      style="max-height: calc(100vh - 200px)"
+      class=" h-full overflow-y-auto "
+
     >
 
         <!-- 导航 Section -->
@@ -68,18 +68,34 @@
         />
 
         <!-- 文档目录导航 -->
-        <div class="overflow-y-auto" style="max-height: 80%">
-          <UContainer>
-            <UPageAside>
-              <UContentNavigation
-                highlight
+        <div class="mt-6 flex justify-center items-center">
+
+
+              <UContentNavigation 
+                highlight 
                 :navigation="navigation"
                 color="primary"
                 variant="pill"
-                :ui="{}"
+                :ui="{
+                  root: '',
+                  content: '',
+                  list: 'group relative -mx-5 -mt-3',
+                  item: '',
+                  listWithChildren: 'ms-3 border-s border-default',
+                  itemWithChildren: 'flex flex-col',
+                  trigger: 'font-semibold',
+                  link: '',
+                  linkLeadingIcon: 'shrink-0 size-5',
+                  linkTrailing: 'ms-auto inline-flex gap-1.5 items-center',
+                  linkTrailingBadge: 'shrink-0',
+                  linkTrailingBadgeSize: 'sm',
+                  linkTrailingIcon: 'size-5 transform transition-transform duration-200 shrink-0 group-data-[state=open]:rotate-90',
+                  linkTitle: '',
+                  linkTitleExternalIcon: 'size- align-top text-dimmed'
+                }"
               />
-            </UPageAside>
-          </UContainer>
+
+
         </div>
 
     </div>