Merge branch 'main' of gitcode.com:git_bot/ai-fe

components/i/SearchHistory.vue

@@ -19,9 +19,8 @@
     </div>
     <div v-if="$isSignIn" class="flex flex-col gap-2 border-l border-gray-200 dark:border-gray-800 pl-2 ml-5">
         <template v-for="(item, index) in searchHistory" :key="index">
-            <div class="flex group">
             <UButton
-                    class="flex-grow"
+                class="flex group"
                 color="gray"
                 variant="ghost"
                 size="xs"
@@ -29,17 +28,17 @@
                 :to="`/search/${item.c_id}`"
                 @click="handleClickItem"
             >
-                    <div class="truncate">{{ item.title }}</div>
-                </UButton>
+                <div class="flex-grow truncate">{{ item.title }}</div>
                 <UButton
                     class="hidden group-hover:flex"
                     color="red"
                     variant="ghost"
                     size="xs"
+                    :padded="false"
                     leading-icon="i-heroicons-x-mark-20-solid"
-                    @click="handleRemoveRecordItem(item.c_id)"
+                    @click.stop.prevent="handleRemoveRecordItem(item.c_id)"
                 />
-            </div>
+            </UButton>
         </template>
     </div>
     <UModal v-model="isOpenHistory" :ui="{ width: 'w-full sm:max-w-screen-md' }">
@@ -62,9 +61,8 @@
         <UDivider />
         <div class="flex flex-col p-2">
             <template v-for="(item, index) in searchHistory" :key="index">
-                <div class="flex group">
                 <UButton
-                        class="flex-grow"
+                    class="flex group"
                     color="gray"
                     variant="ghost"
                     long
@@ -72,16 +70,16 @@
                     :to="`/search/${item.c_id}`"
                     @click="handleClose"
                 >
-                        <div class="truncate font-light">{{ item.title }}</div>
-                    </UButton>
+                    <div class="flex-grow truncate font-light">{{ item.title }}</div>
                     <UButton
                         class="hidden group-hover:flex"
                         color="red"
                         variant="ghost"
+                        :padded="false"
                         leading-icon="i-heroicons-x-mark-20-solid"
-                        @click="handleRemoveRecordItem(item.c_id)"
+                        @click.stop.prevent="handleRemoveRecordItem(item.c_id)"
                     />
-                </div>
+                </UButton>
             </template>
         </div>
     </UModal>