From 4da24e27a4a679fa97d1bfc1518832e6bf01bf62 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Sun, 14 Jul 2024 17:16:44 +0800
Subject: [PATCH] fix plugins

---
 src/components/cards/PluginAppCard.vue  | 8 ++++----
 src/components/cards/PluginCard.vue     | 6 +++---
 src/views/plugin/PluginCardListView.vue | 4 ++--
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/components/cards/PluginAppCard.vue b/src/components/cards/PluginAppCard.vue
index 79e88f10..0c192925 100644
--- a/src/components/cards/PluginAppCard.vue
+++ b/src/components/cards/PluginAppCard.vue
@@ -149,7 +149,7 @@ const dropdownItems = ref([
 </script>
 
 <template>
-  <VCard :width="props.width" :height="props.height" @click="installPlugin">
+  <VCard :width="props.width" :height="props.height" @click="installPlugin" class="flex flex-col">
     <div class="me-n3 absolute bottom-0 right-3">
       <IconBtn>
         <VIcon icon="mdi-dots-vertical" />
@@ -171,7 +171,7 @@ const dropdownItems = ref([
         </VMenu>
       </IconBtn>
     </div>
-    <div class="flex flex-row items-center pa-3 justify-between" :style="{ background: `${backgroundColor}` }">
+    <div class="flex flex-row items-start pa-3 justify-between grow" :style="{ background: `${backgroundColor}` }">
       <div class="flex-1 min-w-0">
         <VCardTitle class="text-white px-2 text-shadow whitespace-nowrap overflow-hidden text-ellipsis">
           {{ props.plugin?.plugin_name }}
@@ -179,7 +179,7 @@ const dropdownItems = ref([
         </VCardTitle>
         <VCardText class="text-white px-2">{{ props.plugin?.plugin_desc }}</VCardText>
       </div>
-      <div class="flex-shrink-0">
+      <div class="flex-shrink-0 self-center">
         <VAvatar size="64">
           <VImg
             ref="imageRef"
@@ -193,7 +193,7 @@ const dropdownItems = ref([
         </VAvatar>
       </div>
     </div>
-    <VCardText class="flex align-self-baseline py-3 w-full align-end">
+    <VCardText class="flex flex-none align-self-baseline py-3 w-full align-end">
       <span>
         <VIcon icon="mdi-github" class="me-1" />
         <a :href="props.plugin?.author_url" target="_blank" @click.stop>
diff --git a/src/components/cards/PluginCard.vue b/src/components/cards/PluginCard.vue
index 9754a47f..128bfb84 100644
--- a/src/components/cards/PluginCard.vue
+++ b/src/components/cards/PluginCard.vue
@@ -408,7 +408,7 @@ watch(
         </VMenu>
       </IconBtn>
     </div>
-    <div class="flex flex-row items-center pa-3 justify-between" :style="{ background: `${backgroundColor}` }">
+    <div class="flex flex-row items-start pa-3 justify-between grow" :style="{ background: `${backgroundColor}` }">
       <div class="flex-1 min-w-0">
         <VCardTitle class="text-white px-2 text-shadow whitespace-nowrap overflow-hidden text-ellipsis">
           <VBadge v-if="props.plugin?.state" dot inline color="success" />
@@ -419,7 +419,7 @@ watch(
           {{ props.plugin?.plugin_desc }}
         </VCardText>
       </div>
-      <div class="flex-shrink-0">
+      <div class="flex-shrink-0 self-center">
         <VAvatar size="64">
           <VImg
             ref="imageRef"
@@ -433,7 +433,7 @@ watch(
         </VAvatar>
       </div>
     </div>
-    <VCardText class="flex align-self-baseline py-3 w-full align-end">
+    <VCardText class="flex flex-none align-self-baseline py-3 w-full align-end">
       <span>
         <VIcon icon="mdi-github" class="me-1" />
         <a :href="props.plugin?.author_url" target="_blank" @click.stop>
diff --git a/src/views/plugin/PluginCardListView.vue b/src/views/plugin/PluginCardListView.vue
index db358a82..684d0ee3 100644
--- a/src/views/plugin/PluginCardListView.vue
+++ b/src/views/plugin/PluginCardListView.vue
@@ -347,7 +347,7 @@ onBeforeMount(async () => {
         <transition name="fade-slide" appear>
           <div>
             <LoadingBanner v-if="!isRefreshed" class="mt-12" />
-            <div v-if="dataList.length > 0" class="grid gap-4 grid-plugin-card items-start">
+            <div v-if="dataList.length > 0" class="grid gap-4 grid-plugin-card">
               <template v-for="(data, index) in dataList" :key="`${data.id}_v${data.plugin_version}`">
                 <PluginCard
                   :count="PluginStatistics[data.id || '0']"
@@ -417,7 +417,7 @@ onBeforeMount(async () => {
                 </VCol>
               </VRow>
             </div>
-            <div v-if="isAppMarketLoaded" class="grid gap-4 grid-plugin-card items-start">
+            <div v-if="isAppMarketLoaded" class="grid gap-4 grid-plugin-card">
               <template v-for="(data, index) in sortedUninstalledList" :key="`${data.id}_v${data.plugin_version}`">
                 <PluginAppCard :plugin="data" :count="PluginStatistics[data.id || '0']" @install="pluginInstalled" />
               </template>