Update Header.vue

components/i/search/Header.vue

@@ -16,13 +16,19 @@
             <div class="flex gap-2">
                 <IActionThread />
                 <UButton
-                    @click="handleOpenSelect" 
-                    color="gray" variant="ghost" 
+                    color="gray"
+                    variant="ghost"
                     leading-icon="i-heroicons-plus-small"
                     :label="$selectCollectionId.length > 0 ? '已收藏' : '收藏'"
+                    @click="handleOpenSelect"
                 />
                 <UPopover v-model:open="isShareOpen">
-                    <UButton :leading-icon="isOpen ? 'i-heroicons-share-20-solid' : 'i-heroicons-lock-closed-20-solid'" @click="handleSetOpenState">分享</UButton>
+                    <UButton
+                        variant="soft"
+                        :leading-icon="isOpen ? 'i-heroicons-share-16-solid' : 'i-heroicons-lock-closed-16-solid'"
+                        label="分享"
+                        @click="handleSetOpenState"
+                    />
                     <template #panel>
                         <div class="flex flex-col p-3 gap-2 min-w-72">
                             <div>访问权限</div>
@@ -33,7 +39,7 @@
                                 >
                                     <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" />
+                                            <UIcon name="i-heroicons-lock-closed-16-solid" />
                                             <span>私密</span>
                                         </div>
                                         <div class="text-xs text-gray-500">只有作者可以查看</div>