chore: update package.json version to 1.9.14

package.json

@@ -1,6 +1,6 @@
 {
   "name": "moviepilot",
-  "version": "1.9.13",
+  "version": "1.9.14",
   "private": true,
   "bin": "dist/service.js",
   "scripts": {

src/components/cards/PluginAppCard.vue

@@ -150,10 +150,9 @@ const dropdownItems = ref([
 
 <template>
   <VCard :width="props.width" :height="props.height" @click="installPlugin" class="flex flex-col">
-    <div class="relative pa-3 text-center card-cover-blurred" :style="{ background: `${backgroundColor}` }">
+    <div class="me-n3 absolute bottom-0 right-3">
-      <div class="me-n3 absolute top-0 right-3">
       <IconBtn>
-          <VIcon icon="mdi-dots-vertical" class="text-white" />
+        <VIcon icon="mdi-dots-vertical" />
         <VMenu activator="parent" close-on-content-click>
           <VList>
             <VListItem
@@ -172,7 +171,16 @@ const dropdownItems = ref([
         </VMenu>
       </IconBtn>
     </div>
-      <VAvatar size="6rem">
+    <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 }}
+          <span class="text-sm text-gray-200">v{{ props.plugin?.plugin_version }}</span>
+        </VCardTitle>
+        <VCardText class="text-white px-2 py-1 text-shadow line-clamp-3">{{ props.plugin?.plugin_desc }}</VCardText>
+      </div>
+      <div class="flex-shrink-0 self-center">
+        <VAvatar size="64">
           <VImg
             ref="imageRef"
             :src="iconPath"
@@ -184,21 +192,10 @@ const dropdownItems = ref([
           />
         </VAvatar>
       </div>
-    <VCardTitle>
-      {{ props.plugin?.plugin_name }}
-      <span class="text-sm text-gray-500">v{{ props.plugin?.plugin_version }}</span>
-    </VCardTitle>
-    <VCardText class="pb-2">
-      <div>{{ props.plugin?.plugin_desc }}</div>
-      <div>
-        <VChip v-for="label in pluginLabels" variant="tonal" size="small" class="me-1 my-1" color="info" label>
-          {{ label }}
-        </VChip>
     </div>
-    </VCardText>
+    <VCardText class="flex flex-none align-self-baseline py-3 w-full align-end">
-    <VCardText class="flex align-self-baseline pb-2 w-full align-end">
       <span>
-        <VIcon icon="mdi-account" class="me-1" />
+        <VIcon icon="mdi-github" class="me-1" />
         <a :href="props.plugin?.author_url" target="_blank" @click.stop>
           {{ props.plugin?.plugin_author }}
         </a>
@@ -220,15 +217,3 @@ const dropdownItems = ref([
     </VCard>
   </VDialog>
 </template>
-
-<style lang="scss" scoped>
-.card-cover-blurred::before {
-  position: absolute;
-  /* stylelint-disable-next-line property-no-vendor-prefix */
-  -webkit-backdrop-filter: blur(2px);
-  backdrop-filter: blur(2px);
-  background: rgba(29, 39, 59, 48%);
-  content: '';
-  inset: 0;
-}
-</style>

src/components/cards/PluginCard.vue

@@ -383,13 +383,12 @@ watch(
 <template>
   <!-- 插件卡片 -->
   <VCard v-if="isVisible" :width="props.width" :height="props.height" @click="openPluginDetail" class="flex flex-col">
-    <div class="relative pa-3 text-center card-cover-blurred" :style="{ background: `${backgroundColor}` }">
     <div v-if="props.plugin?.has_update" class="me-n3 absolute top-0 left-1">
       <VIcon icon="mdi-new-box" class="text-white" />
     </div>
-      <div class="me-n3 absolute top-0 right-3">
+    <div class="me-n3 absolute bottom-0 right-3">
       <IconBtn>
-          <VIcon icon="mdi-dots-vertical" class="text-white" />
+        <VIcon icon="mdi-dots-vertical" />
         <VMenu activator="parent" close-on-content-click>
           <VList>
             <VListItem
@@ -409,7 +408,19 @@ watch(
         </VMenu>
       </IconBtn>
     </div>
-      <VAvatar size="6rem">
+    <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" />
+          {{ props.plugin?.plugin_name }}
+          <span class="text-sm mt-1 text-gray-200">v{{ props.plugin?.plugin_version }}</span>
+        </VCardTitle>
+        <VCardText class="px-2 py-1 text-white text-shadow line-clamp-3">
+          {{ props.plugin?.plugin_desc }}
+        </VCardText>
+      </div>
+      <div class="flex-shrink-0 self-center">
+        <VAvatar size="64">
           <VImg
             ref="imageRef"
             :src="iconPath"
@@ -421,20 +432,17 @@ watch(
           />
         </VAvatar>
       </div>
-    <VCardItem class="py-2">
+    </div>
-      <VCardTitle class="flex items-center flex-row">
+    <VCardText class="flex flex-none align-self-baseline py-3 w-full align-end">
-        <VBadge v-if="props.plugin?.state" dot inline color="success" class="me-1 mb-1" />
+      <span>
-        {{ props.plugin?.plugin_name }}
+        <VIcon icon="mdi-github" class="me-1" />
-        <span class="text-sm ms-2 mt-1 text-gray-500">v{{ props.plugin?.plugin_version }}</span>
+        <a :href="props.plugin?.author_url" target="_blank" @click.stop>
-      </VCardTitle>
+          {{ props.plugin?.plugin_author }}
-    </VCardItem>
+        </a>
-    <VCardText class="pb-1">
+      </span>
-      {{ props.plugin?.plugin_desc }}
-    </VCardText>
-    <VCardText class="flex justify-end align-self-baseline p-1 w-full align-end">
       <span v-if="props.count" class="ms-3">
-        <VIcon icon="mdi-fire" />
+        <VIcon icon="mdi-download" />
-        <span class="text-sm ms-1">{{ props.count?.toLocaleString() }}</span>
+        <span class="text-sm ms-1 mt-1">{{ props.count?.toLocaleString() }}</span>
       </span>
     </VCardText>
   </VCard>

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>