修改导航栏

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

@@ -65,7 +65,7 @@ const links = computed(() => {
   if (appConfig.toc?.bottom?.edit) {
     links.push({
       icon: 'i-lucide-external-link',
-      label: 'Edit this page',
+      label: '编辑页面',
       to: `${appConfig.toc.bottom.edit}/${page?.value?.stem}.${page?.value?.extension}`,
       target: '_blank'
     })
@@ -110,7 +110,7 @@ const links = computed(() => {
             icon="i-lucide-pen"
             :ui="{ leadingIcon: 'size-4' }"
           >
-            Edit this page
+            编辑页面
           </UButton>
           or
           <UButton
@@ -121,7 +121,7 @@ const links = computed(() => {
             icon="i-lucide-alert-circle"
             :ui="{ leadingIcon: 'size-4' }"
           >
-            Report an issue
+            提交问题
           </UButton>
         </div>
       </USeparator>
@@ -129,11 +129,13 @@ const links = computed(() => {
     </UPageBody>
 
     <template v-if="page?.body?.toc?.links?.length" #right>
+    <div class="fixed top-24 right-18 max-h-[80vh] overflow-y-auto">
+
       <UContentToc :title="appConfig.toc?.title" :links="page.body?.toc?.links">
         <template v-if="appConfig.toc?.bottom" #bottom>
           <div
-            class="hidden lg:block space-y-6"
-            :class="{ '!mt-6': page.body?.toc?.links?.length }"
+            class="hidden lg:block space-y-6 "
+            :class="{ '!mt-5': page.body?.toc?.links?.length }"
           >
             <USeparator v-if="page.body?.toc?.links?.length" type="dashed" />
 
@@ -141,6 +143,7 @@ const links = computed(() => {
           </div>
         </template>
       </UContentToc>
+    </div>
     </template>
   </UPage>
 </template>