From a07a32f6481f2c71491c205c47c10e857f5d9c46 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Sat, 6 Apr 2024 16:07:18 +0800
Subject: [PATCH] fix ui

---
 src/components/cards/TmdbSelectorCard.vue |  4 ++--
 src/views/plugin/PluginCardListView.vue   | 12 +++++++++---
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/components/cards/TmdbSelectorCard.vue b/src/components/cards/TmdbSelectorCard.vue
index 65ee7f8a..06c782a1 100644
--- a/src/components/cards/TmdbSelectorCard.vue
+++ b/src/components/cards/TmdbSelectorCard.vue
@@ -93,7 +93,7 @@ onMounted(() => {
         single-line
         placeholder="电影或电视剧名称"
         variant="solo"
-        append-inner-icon="mdi-magnify"
+        prepend-inner-icon="mdi-magnify"
         flat
         class="mx-1"
         :loading="loading"
@@ -101,7 +101,7 @@ onMounted(() => {
         @keydown.enter="searchMedias"
       />
     </VToolbar>
-
+    <DialogCloseBtn @click="() => { emit('close') }" />
     <VList
       v-if="items.length > 0"
       lines="three"
diff --git a/src/views/plugin/PluginCardListView.vue b/src/views/plugin/PluginCardListView.vue
index 95a4b700..38e4e398 100644
--- a/src/views/plugin/PluginCardListView.vue
+++ b/src/views/plugin/PluginCardListView.vue
@@ -350,12 +350,12 @@ onBeforeMount(() => {
           single-line
           placeholder="插件名称或描述"
           variant="solo"
-          append-inner-icon="mdi-magnify"
+          prepend-inner-icon="mdi-magnify"
           flat
           class="mx-1"
         />
       </VToolbar>
-
+      <DialogCloseBtn @click="closeSearchDialog" />
       <VList
         v-if="filterPlugins.length > 0"
         lines="two"
@@ -380,7 +380,13 @@ onBeforeMount(() => {
             </template>
             <VListItemTitle>
               {{ item.plugin_name }}<span class="text-sm ms-2 mt-1 text-gray-500">v{{ item?.plugin_version }}</span>
-              <ExistIcon v-if="item.installed" />
+              <VIcon
+                v-if="item.installed"
+                color="success"
+                icon="mdi-check-circle"
+                class="ms-2"
+                size="small"
+              />
             </VListItemTitle>
             <VListItemSubtitle class="mt-2" v-html="item.plugin_desc" />
           </VListItem>