From c6eb7442575f3e7113a2ec2e4284b04a2502b6d4 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Sun, 29 Dec 2024 20:18:30 +0800
Subject: [PATCH] =?UTF-8?q?feat(PluginAppCard,=20PluginCard):=20=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=20VSlideYTransition=20=E4=BB=A5=E5=A2=9E=E5=BC=BA?=
 =?UTF-8?q?=E6=8F=92=E4=BB=B6=E6=8F=8F=E8=BF=B0=E7=9A=84=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/cards/PluginAppCard.vue |  4 ++--
 src/components/cards/PluginCard.vue    | 14 ++++++++------
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/components/cards/PluginAppCard.vue b/src/components/cards/PluginAppCard.vue
index 63c50bf8..aef1c522 100644
--- a/src/components/cards/PluginAppCard.vue
+++ b/src/components/cards/PluginAppCard.vue
@@ -157,11 +157,11 @@ const dropdownItems = ref([
           :style="{ background: `${backgroundColor}`, filter: 'brightness(0.5)' }"
         ></div>
         <div class="relative flex-1 min-w-0">
-          <VCardTitle class="text-white text-lg px-2 text-shadow whitespace-nowrap overflow-hidden text-ellipsis">
+          <VCardTitle class="text-white text-lg px-2 text-shadow whitespace-nowrap overflow-hidden text-ellipsis ...">
             {{ props.plugin?.plugin_name }}
             <span class="text-sm text-gray-200">v{{ props.plugin?.plugin_version }}</span>
           </VCardTitle>
-          <VCardText class="text-white text-sm px-2 py-1 text-shadow line-clamp-3">
+          <VCardText class="text-white text-sm px-2 py-0 text-shadow overflow-hidden line-clamp-3 ...">
             {{ props.plugin?.plugin_desc }}
           </VCardText>
         </div>
diff --git a/src/components/cards/PluginCard.vue b/src/components/cards/PluginCard.vue
index 64335a42..c27f30a0 100644
--- a/src/components/cards/PluginCard.vue
+++ b/src/components/cards/PluginCard.vue
@@ -418,12 +418,14 @@ watch(
                 {{ props.plugin?.plugin_name }}
                 <span class="text-sm mt-1 text-gray-200">v{{ props.plugin?.plugin_version }}</span>
               </VCardTitle>
-              <VCardText
-                v-show="hover.isHovering || menuVisible"
-                class="px-2 py-1 text-white text-sm text-shadow line-clamp-3"
-              >
-                {{ props.plugin?.plugin_desc }}
-              </VCardText>
+              <VSlideYTransition>
+                <VCardText
+                  v-show="hover.isHovering || menuVisible"
+                  class="px-2 py-0 text-white text-sm text-shadow overflow-hidden line-clamp-3 ..."
+                >
+                  {{ props.plugin?.plugin_desc }}
+                </VCardText>
+              </VSlideYTransition>
             </div>
             <div class="relative flex-shrink-0 self-center">
               <VAvatar size="64">