From 5f5d8bdafd210ddb74d99b5fbe0744a21862d2a7 Mon Sep 17 00:00:00 2001
From: Aresn <admin@aresn.com>
Date: Wed, 15 May 2024 14:58:34 +0800
Subject: [PATCH] a

---
 app.config.ts         | 5 ++++-
 app.vue               | 1 +
 layouts/default.vue   | 4 ++--
 pages/search/[id].vue | 8 +++++++-
 4 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/app.config.ts b/app.config.ts
index 6cd06c1..8897a2a 100644
--- a/app.config.ts
+++ b/app.config.ts
@@ -1,6 +1,9 @@
 export default defineAppConfig({
     ui: {
         primary: 'green',
-        gray: 'cool'
+        gray: 'cool',
+        notifications: {
+            position: 'top-8 bottom-auto'
+        }
     }
 })
diff --git a/app.vue b/app.vue
index 6f4b19e..d7429f2 100644
--- a/app.vue
+++ b/app.vue
@@ -2,4 +2,5 @@
     <NuxtLayout name="default">
         <NuxtPage />
     </NuxtLayout>
+    <UNotifications />
 </template>
diff --git a/layouts/default.vue b/layouts/default.vue
index 3da6ea6..72a002a 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -1,6 +1,6 @@
 <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>
diff --git a/pages/search/[id].vue b/pages/search/[id].vue
index fd54ef3..073454f 100644
--- a/pages/search/[id].vue
+++ b/pages/search/[id].vue
@@ -1,6 +1,6 @@
 <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 = ['', '问题分析', '代码搜索', '整理答案', '完成！']
-- 
GitLab