a

app.config.ts

 export default defineAppConfig({
     ui: {
         primary: 'green',
-        gray: 'cool'
+        gray: 'cool',
+        notifications: {
+            position: 'top-8 bottom-auto'
+        }
     }
 })

app.vue

@@ -2,4 +2,5 @@
     <NuxtLayout name="default">
         <NuxtPage />
     </NuxtLayout>
+    <UNotifications />
 </template>

layouts/default.vue

 <template>
     <div class="flex min-h-screen">
-        <div class="fixed top-0 bg-gray-100 dark:bg-gray-800 w-64 flex flex-col min-h-screen">
+        <div class="fixed top-0 bg-gray-100 dark:bg-gray-900 w-64 flex flex-col min-h-screen">
             <div class="flex-grow">
                 <h1>GitBot</h1>
             </div>
@@ -14,7 +14,7 @@
                 />
             </div>
         </div>
-        <div class="ml-64 bg-white dark:bg-gray-900 flex flex-grow">
+        <div class="ml-64 bg-white dark:bg-black flex flex-grow">
             <slot />
         </div>
     </div>

pages/search/[id].vue

 <template>
     <div class="w-full justify-center items-center flex flex-col">
-        <div class="sticky top-0 z-10 bg-white dark:bg-gray-900 w-full flex flex-col">
+        <div class="sticky top-0 z-10 bg-white dark:bg-black w-full flex flex-col">
             <div class="w-full p-2 justify-between items-center flex">
                 <div class="flex-grow justify-center items-center flex space-x-2">
                     <UTooltip text="点击修改标题" v-if="!isEditTitle">
@@ -128,6 +128,7 @@
     </div>
 </template>
 <script setup>
+const toast = useToast()
 const route = useRoute()
 const state = reactive({
     query: route.query.query || '',
@@ -143,6 +144,11 @@ const handleBlurTitle = () => {
 }
 const handleShare = () => {
     useCopyToClipboard().copy(window.location.href)
+    toast.add({
+        icon: 'i-heroicons-information-circle-20-solid',
+        timeout: 2000,
+        title: '链接已复制到剪贴板'
+    })
 }
 
 const steps = ['', '问题分析', '代码搜索', '整理答案', '完成！']