From 5312b82ba7050497d0b5037caaad6ee42aba630d Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Thu, 22 May 2025 15:21:25 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=20PluginAppCard=E3=80=81Plug?=
 =?UTF-8?q?inCard=20=E5=92=8C=20SubscribeCard=20=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E7=9A=84=E6=A0=B7=E5=BC=8F=EF=BC=8C=E8=B0=83=E6=95=B4=E5=B8=83?=
 =?UTF-8?q?=E5=B1=80=E5=92=8C=E9=97=B4=E8=B7=9D=EF=BC=8C=E5=A2=9E=E5=BC=BA?=
 =?UTF-8?q?=E5=93=8D=E5=BA=94=E5=BC=8F=E8=AE=BE=E8=AE=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/cards/PluginAppCard.vue | 32 ++++++++++++++---------
 src/components/cards/PluginCard.vue    | 36 ++++++++++++++++----------
 src/components/cards/SubscribeCard.vue |  9 +++----
 3 files changed, 46 insertions(+), 31 deletions(-)

diff --git a/src/components/cards/PluginAppCard.vue b/src/components/cards/PluginAppCard.vue
index 4ed26d3b..c5164ce8 100644
--- a/src/components/cards/PluginAppCard.vue
+++ b/src/components/cards/PluginAppCard.vue
@@ -167,6 +167,7 @@ const dropdownItems = ref([
           }"
         >
           <div
+            class="flex-grow"
             :style="`background: linear-gradient(rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.5) 100%), linear-gradient(${backgroundColor} 0%, ${backgroundColor} 100%)`"
           >
             <VCardText class="px-2 pt-2 pb-0">
@@ -197,20 +198,27 @@ const dropdownItems = ref([
               </div>
             </div>
           </div>
-          <VCardText class="flex flex-none align-self-baseline py-2 w-full align-end">
-            <span>
-              <VIcon icon="mdi-github" class="me-1" />
-              <a :href="props.plugin?.author_url" target="_blank" @click.stop>
-                {{ props.plugin?.plugin_author }}
-              </a>
-            </span>
-            <span v-if="props.count" class="ms-3">
-              <VIcon icon="mdi-download" />
-              <span class="text-sm ms-1 mt-1">{{ props.count?.toLocaleString() }}</span>
-            </span>
+          <VCardText class="flex flex-col align-self-baseline px-2 py-2 w-full overflow-hidden">
+            <div class="flex flex-nowrap items-center w-full pe-7">
+              <span>
+                <VIcon icon="mdi-github" class="me-1" />
+                <a
+                  class="overflow-hidden text-ellipsis whitespace-nowrap"
+                  :href="props.plugin?.author_url"
+                  target="_blank"
+                  @click.stop
+                >
+                  {{ props.plugin?.plugin_author }}
+                </a>
+              </span>
+              <span v-if="props.count" class="ms-2 flex-shrink-0 download-count">
+                <VIcon icon="mdi-download" />
+                <span class="text-sm ms-1 mt-1">{{ props.count?.toLocaleString() }}</span>
+              </span>
+            </div>
             <div class="me-n3 absolute bottom-0 right-3">
               <IconBtn>
-                <VIcon icon="mdi-dots-vertical" />
+                <VIcon size="small" icon="mdi-dots-vertical" />
                 <VMenu activator="parent" close-on-content-click>
                   <VList>
                     <VListItem v-for="(item, i) in dropdownItems" v-show="item.show" :key="i" @click="item.props.click">
diff --git a/src/components/cards/PluginCard.vue b/src/components/cards/PluginCard.vue
index 090e4d2c..0f2d8246 100644
--- a/src/components/cards/PluginCard.vue
+++ b/src/components/cards/PluginCard.vue
@@ -344,6 +344,7 @@ watch(
           }"
         >
           <div
+            class="flex-grow"
             :style="`background: linear-gradient(rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.5) 100%), linear-gradient(${backgroundColor} 0%, ${backgroundColor} 100%)`"
           >
             <VCardText class="px-2 pt-2 pb-0">
@@ -375,22 +376,29 @@ watch(
               </div>
             </div>
           </div>
-          <VCardText class="flex flex-none align-self-baseline py-2 w-full align-end">
-            <span class="author-info">
-              <VImg :src="authorPath" class="author-avatar" @load="isAvatarLoaded = true">
-                <VIcon v-if="!isAvatarLoaded" icon="mdi-github" class="me-1" />
-              </VImg>
-              <a :href="props.plugin?.author_url" target="_blank" @click.stop>
-                {{ props.plugin?.plugin_author }}
-              </a>
-            </span>
-            <span v-if="props.count" class="ms-3">
-              <VIcon icon="mdi-download" />
-              <span class="text-sm ms-1 mt-1">{{ props.count?.toLocaleString() }}</span>
-            </span>
+          <VCardText class="flex flex-col align-self-baseline px-2 py-2 w-full overflow-hidden">
+            <div class="flex flex-nowrap items-center w-full pe-7">
+              <span class="author-info flex-shrink-1 overflow-hidden text-ellipsis whitespace-nowrap">
+                <VImg :src="authorPath" class="author-avatar" @load="isAvatarLoaded = true">
+                  <VIcon v-if="!isAvatarLoaded" size="small" icon="mdi-github" class="me-1" />
+                </VImg>
+                <a
+                  :href="props.plugin?.author_url"
+                  target="_blank"
+                  @click.stop
+                  class="overflow-hidden text-ellipsis whitespace-nowrap"
+                >
+                  {{ props.plugin?.plugin_author }}
+                </a>
+              </span>
+              <span v-if="props.count" class="ms-2 flex-shrink-0 download-count">
+                <VIcon size="small" icon="mdi-download" />
+                <span class="text-sm ms-1 mt-1">{{ props.count?.toLocaleString() }}</span>
+              </span>
+            </div>
             <div class="me-n3 absolute bottom-0 right-3">
               <IconBtn>
-                <VIcon icon="mdi-dots-vertical" />
+                <VIcon size="small" icon="mdi-dots-vertical" />
                 <VMenu v-model="menuVisible" activator="parent" close-on-content-click>
                   <VList>
                     <VListItem
diff --git a/src/components/cards/SubscribeCard.vue b/src/components/cards/SubscribeCard.vue
index c98d34db..55bb7275 100644
--- a/src/components/cards/SubscribeCard.vue
+++ b/src/components/cards/SubscribeCard.vue
@@ -365,21 +365,20 @@ function onSubscribeEditRemove() {
                   </div>
                 </div>
               </VCardText>
-              <VCardText class="flex justify-space-between align-center flex-wrap">
+              <VCardText class="flex justify-space-between align-center flex-wrap px-2">
                 <div class="flex align-center">
                   <IconBtn
                     v-if="props.media?.total_episode"
                     v-bind="props"
                     icon="mdi-progress-download"
                     color="white"
-                    class="me-1"
                   />
-                  <div v-if="props.media?.season" class="text-xs me-2 text-white">
+                  <div v-if="props.media?.season" class="text-sm me-2 text-white">
                     {{ (props.media?.total_episode || 0) - (props.media?.lack_episode || 0) }} /
                     {{ props.media?.total_episode }}
                   </div>
-                  <IconBtn v-if="props.media?.username" icon="mdi-account" color="white" class="me-1" />
-                  <span v-if="props.media?.username" class="text-xs text-white">
+                  <IconBtn v-if="props.media?.username" icon="mdi-account" color="white" />
+                  <span v-if="props.media?.username" class="text-sm text-white">
                     {{ props.media?.username }}
                   </span>
                 </div>