修改页面导航栏样式,添加MD

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

@@ -103,7 +103,7 @@ const links = computed(() => {
 <template>
   <UPage
     v-if="page"
-    :class="pageFontSizeClass"
+    :class="['lg:mr-30 sm:mt-6', pageFontSizeClass]"
   >
     <UPageHeader
       :title="page.title"
@@ -162,21 +162,25 @@ const links = computed(() => {
       <UContentSurround :surround="surround" />
     </UPageBody>
 
-    <template
+    <template 
       v-if="page?.body?.toc?.links?.length"
       #right
     >
-      <div class="fixed top-24 right-15 w-auto">
+      <div class="">
         <UContentToc
           :title="appConfig.toc?.title"
           :links="page.body?.toc?.links"
+          :ui="{
+            root: 'fixed w-full xl:right-12 xl:w-64 z-50 bg-white dark:bg-gray-900 lg:border border-gray-200 dark:border-gray-700 rounded-lg lg:shadow-lg lg:mt-5'
+          }"
         >
+        
           <template
             v-if="appConfig.toc?.bottom"
             #bottom
           >
             <div
-              class="hidden lg:block space-y-6 "
+              class=""
               :class="{ '!mt-5': page.body?.toc?.links?.length }"
             >
               <USeparator