分享逻辑优化

app.config.ts

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

components/i/search/Header.vue

@@ -22,14 +22,14 @@
                 <UPopover>
                     <UButton :leading-icon="isOpen ? 'i-heroicons-share-20-solid' : 'i-heroicons-lock-closed-20-solid'">分享</UButton>
                     <template #panel>
-                        <div class="flex flex-col p-4 gap-2 min-w-72">
+                        <div class="flex flex-col p-3 gap-2 min-w-72">
                             <div>访问权限</div>
                             <div class="flex flex-col border dark:border-gray-800 rounded">
                                 <div
                                     class="flex flex-grow justify-between m-1 p-1 cursor-pointer rounded hover:bg-gray-100 dark:hover:bg-gray-800"
                                     @click="handleUpdateOpenState(false)"
                                 >
-                                    <div class="flex-grow flex flex-col gap-1">
+                                    <div class="flex-grow flex flex-col gap-1 text-sm">
                                         <div class="flex items-center gap-1" :class="{ 'text-primary-500': !isOpen }">
                                             <UIcon name="i-heroicons-lock-closed-20-solid" />
                                             <span>私密</span>
@@ -45,7 +45,7 @@
                                     class="flex flex-grow justify-between m-1 p-1 cursor-pointer rounded hover:bg-gray-100 dark:hover:bg-gray-800"
                                     @click="handleUpdateOpenState(true)"
                                 >
-                                    <div class="flex-grow flex flex-col gap-1" :class="{ 'text-primary-500': isOpen }">
+                                    <div class="flex-grow flex flex-col gap-1 text-sm" :class="{ 'text-primary-500': isOpen }">
                                         <div class="flex items-center gap-1">
                                             <UIcon name="i-heroicons-share-20-solid" />
                                             <span>可分享的</span>
@@ -57,6 +57,10 @@
                                     </div>
                                 </div>
                             </div>
+                            <div class="flex gap-1 items-center text-xs text-primary-500" v-if="isOpen">
+                                <UIcon name="i-heroicons-clipboard-document-check" />
+                                <span>链接已复制</span>
+                            </div>
                         </div>
                     </template>
                 </UPopover>