优化多个视图的卡片样式

src/views/subscribe/SubscribeListView.vue

@@ -151,7 +151,7 @@ onActivated(async () => {
     handle=".cursor-move"
     item-key="id"
     tag="div"
-    :component-data="{ class: 'mx-3 grid gap-4 grid-subscribe-card p-1' }"
+    :component-data="{ class: 'grid gap-4 grid-subscribe-card p-1' }"
   >
     <template #item="{ element }">
       <SubscribeCard :key="element.id" :media="element" @remove="fetchData" @save="fetchData" />

src/views/subscribe/SubscribePopularView.vue

@@ -110,7 +110,7 @@ async function fetchData({ done }: { done: any }) {
   <VInfiniteScroll mode="intersect" side="end" :items="dataList" class="overflow-hidden" @load="fetchData">
     <template #loading />
     <template #empty />
-    <div v-if="dataList.length > 0" class="grid gap-4 grid-media-card mx-3" tabindex="0">
+    <div v-if="dataList.length > 0" class="grid gap-4 grid-media-card" tabindex="0">
       <div v-for="data in dataList" :key="data.tmdb_id || data.douban_id">
         <MediaCard :media="data" />
         <div v-if="data.popularity" class="mt-2 flex flex-row justify-center align-center text-subtitle-2">

src/views/subscribe/SubscribeShareView.vue

@@ -109,7 +109,7 @@ function removeData(id: number) {
   <VInfiniteScroll mode="intersect" side="end" :items="dataList" class="overflow-hidden" @load="fetchData">
     <template #loading />
     <template #empty />
-    <div v-if="dataList.length > 0" class="grid gap-4 grid-subscribe-card mx-3" tabindex="0">
+    <div v-if="dataList.length > 0" class="grid gap-4 grid-subscribe-card" tabindex="0">
       <div v-for="data in dataList" :key="data.id">
         <SubscribeShareCard :media="data" @delete="removeData(data.id || 0)" />
       </div>