fix subscribe card

src/components/cards/SubscribeCard.vue

@@ -136,10 +136,16 @@ const dropdownItems = ref([
 </script>
 
 <template>
+  <VHover>
+    <template #default="hover">
       <VCard
+        v-bind="hover.props"
         :key="props.media?.id"
-    :class="`${props.media?.best_version ? 'outline-dashed outline-1' : ''}`"
         class="flex flex-col"
+        :class="{
+          'outline-dashed outline-1': props.media?.best_version,
+          'transition transform-cpu duration-300 scale-105 shadow-lg': hover.isHovering,
+        }"
         @click="editSubscribeDialog"
       >
         <template #image>
@@ -213,6 +219,8 @@ const dropdownItems = ref([
         </VCardText>
         <VProgressLinear v-if="getPercentage() > 0" :model-value="getPercentage()" bg-color="success" color="success" />
       </VCard>
+    </template>
+  </VHover>
   <!-- 订阅编辑弹窗 -->
   <SubscribeEditDialog
     v-if="subscribeEditDialog"

src/views/subscribe/SubscribeListView.vue

@@ -61,7 +61,7 @@ const filteredDataList = computed(() => {
 <template>
   <LoadingBanner v-if="!isRefreshed" class="mt-12" />
   <PullRefresh v-model="loading" @refresh="onRefresh">
-    <div v-if="filteredDataList.length > 0" class="grid gap-3 grid-subscribe-card p-1">
+    <div v-if="filteredDataList.length > 0" class="mx-3 grid gap-4 grid-subscribe-card p-1">
       <SubscribeCard
         v-for="data in filteredDataList"
         :key="data.id"