From c170df8691ea535527a4606864731c24d47d74f1 Mon Sep 17 00:00:00 2001
From: unknown <fanchenio@163.com>
Date: Sun, 16 Jun 2024 20:21:42 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E4=B8=BB=E7=95=8C=E9=9D=A2?=
 =?UTF-8?q?=E6=90=9C=E7=B4=A2=E3=80=81=E5=BF=AB=E9=80=9F=E6=90=9C=E7=B4=A2?=
 =?UTF-8?q?=E9=A1=B9=E7=9B=AE=E6=A0=87=E9=A2=98=E8=BF=87=E9=95=BF=E5=AF=BC?=
 =?UTF-8?q?=E8=87=B4=E6=A0=B7=E5=BC=8F=E5=8F=98=E5=BD=A2=E7=9A=84=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/search/QuickSearch.vue       | 17 +++++++++++------
 src/pages/search/components/Search.vue | 10 +++++++---
 2 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/src/pages/search/QuickSearch.vue b/src/pages/search/QuickSearch.vue
index 2faf5e9..1fd802a 100644
--- a/src/pages/search/QuickSearch.vue
+++ b/src/pages/search/QuickSearch.vue
@@ -74,14 +74,19 @@
       >
         <CustomItemIcon :item="(item as Item)" :icon-size="28"></CustomItemIcon>
         <span
-          class="text-sm ml-[10px] overflow-hidden text-ellipsis whitespace-nowrap h-[20px] flex-1 pr-[10px]"
-          >{{ getName(item.name)
-          }}<span v-if="mode === 'search'" class="text-xs ml-2">{{
+          class="text-sm ml-[10px] overflow-hidden text-ellipsis whitespace-nowrap h-[20px]"
+          >{{ getName(item.name) }}</span
+        >
+        <span
+          v-if="mode === 'search'"
+          class="text-xs ml-2 max-w-[100px] flex-shrink-0 pr-[10px]"
+          >{{
             getSearchItemClassificationName((item as Item).classificationId)
-          }}</span></span
+          }}</span
         >
         <!-- 快捷键 -->
-        <template
+        <div
+          class="ml-auto max-w-[100px] flex-shrink-0"
           v-if="
             store.setting.quickSearch.openShortcutKey !== 'none' && index <= 9
           "
@@ -121,7 +126,7 @@
               :text="(index + 1 === 10 ? 0 : index + 1).toString()"
             ></keyText>
           </template>
-        </template>
+        </div>
         <!-- 删除历史记录 -->
         <Icon
           v-if="showHistory"
diff --git a/src/pages/search/components/Search.vue b/src/pages/search/components/Search.vue
index eed2879..bf9dba7 100644
--- a/src/pages/search/components/Search.vue
+++ b/src/pages/search/components/Search.vue
@@ -84,10 +84,14 @@
         <CustomItemIcon :item="(item as Item)" :icon-size="32"></CustomItemIcon>
         <span
           class="text-sm ml-2 overflow-hidden text-ellipsis whitespace-nowrap h-[20px]"
-          >{{ getName(item.name)
-          }}<span v-if="mode === 'search'" class="text-xs ml-2">{{
+          >{{ getName(item.name) }}</span
+        >
+        <span
+          v-if="mode === 'search'"
+          class="text-xs ml-2 max-w-[100px] flex-shrink-0"
+          >{{
             getSearchItemClassificationName((item as Item).classificationId)
-          }}</span></span
+          }}</span
         >
       </li>
     </ul>