调整blog导航样式

app/components/blog/BlogSidebar.vue

@@ -23,7 +23,7 @@
       </div>
 
       <!-- 可滚动的导航区域 -->
-      <div class=" h-full overflow-y-auto ">
+      <div class="h-full overflow-y-auto no-scrollbar">
         <!-- 导航 Section -->
 
         <div>
@@ -51,7 +51,7 @@
         <div class="mt-4 uppercase tracking-wider border-t border-gray-200 dark:border-gray-700 w-7/9 mx-5" />
 
         <!-- 文档目录导航 -->
-        <div class="mt-6 flex items-center justify-start pl-4 w-full pb-3">
+        <div class="mt-5 flex items-center justify-start pl-2 pb-3">
           <UContentNavigation
             highlight
             :navigation="docsNavigation"
@@ -59,6 +59,15 @@
             type="single"
             variant="pill"
             trailing-icon="lucide:chevron-right"
+            :ui="{
+              root: 'w-full text-gray-700 dark:text-gray-300',
+              content: 'w-full',
+              list: 'w-full',
+              link: 'w-full min-w-0 text-gray-600 dark:text-gray-400',
+              linkTitle: 'truncate',
+              linkLeadingIcon: 'shrink-0',
+              linkTrailingIcon: 'shrink-0'
+            }"
           />
         </div>
       </div>
@@ -83,3 +92,16 @@ const docsNavigation = computed(() => {
   return docsItem.children
 })
 </script>
+
+<style scoped>
+.no-scrollbar {
+  /* Firefox */
+  scrollbar-width: none;
+  /* IE and Edge */
+  -ms-overflow-style: none;
+}
+.no-scrollbar::-webkit-scrollbar {
+  /* Chrome, Safari, Opera */
+  display: none;
+}
+</style>

app/pages/blog/[...slug].vue

@@ -103,7 +103,7 @@ const links = computed(() => {
 <template>
   <UPage
     v-if="page"
-    :class="['lg:mr-30 sm:mt-6', pageFontSizeClass]"
+    :class="['lg:mr-30 lg:ml-5 sm:mt-6', pageFontSizeClass]"
   >
     <UPageHeader
       :title="page.title"