From 5e109c666b872ed33048249a62afb69666abff93 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Sat, 16 Mar 2024 21:39:05 +0800
Subject: [PATCH] fix plugin card

---
 src/components/cards/PluginAppCard.vue  | 16 +++++++++-------
 src/components/cards/PluginCard.vue     |  2 +-
 src/views/plugin/PluginCardListView.vue |  4 ++--
 3 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/components/cards/PluginAppCard.vue b/src/components/cards/PluginAppCard.vue
index 78fa3574..7b17c5ba 100644
--- a/src/components/cards/PluginAppCard.vue
+++ b/src/components/cards/PluginAppCard.vue
@@ -177,20 +177,22 @@ const dropdownItems = ref([
         />
       </VAvatar>
     </div>
-    <VCardTitle>{{ props.plugin?.plugin_name }}</VCardTitle>
-
-    <VCardText>
+    <VCardTitle>
+      {{ props.plugin?.plugin_name }}
+      <span class="text-xs">v{{ props.plugin?.plugin_version }}</span>
+    </VCardTitle>
+    <VCardText class="pb-2">
       {{ props.plugin?.plugin_desc }}
     </VCardText>
-    <VCardText>
-      作者：<a
+    <VCardText class="flex items-center justify-start pb-2">
+      <VIcon icon="mdi-account" class="me-1" />
+      <a
         :href="props.plugin?.author_url"
         target="_blank"
         @click.stop
       >
         {{ props.plugin?.plugin_author }}
-      </a><br>
-      版本：{{ props.plugin?.plugin_version }}
+      </a>
     </VCardText>
   </VCard>
   <!-- 安装插件进度框 -->
diff --git a/src/components/cards/PluginCard.vue b/src/components/cards/PluginCard.vue
index e4991d5f..34fec678 100644
--- a/src/components/cards/PluginCard.vue
+++ b/src/components/cards/PluginCard.vue
@@ -427,7 +427,7 @@ watch(() => props.plugin?.has_update, (newHasUpdate, oldHasUpdate) => {
     <VCardItem class="py-2">
       <VCardTitle class="flex items-center flex-row">
         <VBadge v-if="props.plugin?.state" dot inline color="success" class="me-1 mb-1" />
-        {{ props.plugin?.plugin_name }}<span class="text-sm ms-2 mt-1 text-gray-500">{{ props.plugin?.plugin_version }}</span>
+        {{ props.plugin?.plugin_name }}<span class="text-sm ms-2 mt-1 text-gray-500">v{{ props.plugin?.plugin_version }}</span>
       </VCardTitle>
     </VCardItem>
     <VCardText>
diff --git a/src/views/plugin/PluginCardListView.vue b/src/views/plugin/PluginCardListView.vue
index 3c8a9226..c08a4e3a 100644
--- a/src/views/plugin/PluginCardListView.vue
+++ b/src/views/plugin/PluginCardListView.vue
@@ -172,7 +172,7 @@ onBeforeMount(() => {
             color="primary"
           />
         </div>
-        <div v-if="isAppMarketLoaded" class="grid gap-4 grid-plugin-card">
+        <div v-if="isAppMarketLoaded" class="grid gap-4 grid-plugin-card items-start">
           <PluginAppCard
             v-for="data in getUnupdatedPlugins"
             :key="data.id"
@@ -193,7 +193,7 @@ onBeforeMount(() => {
 
 <style lang="scss">
 .grid-plugin-card {
-  grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
+  grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
   padding-block-end: 1rem;
 }
 </style>