fix cards

src/views/discover/MediaCardListView.vue

@@ -29,10 +29,8 @@ onMounted(fetchData);
 </script>
 
 <template>
-  <VRow>
-    <VCol v-for="data in dataList" :key="data.tmdb_id" cols="6" md="3" lg="2">
-      <MediaCard :media="data">
-      </MediaCard>
-    </VCol>
-  </VRow>
+  <div class="grid gap-3 grid-media-card">
+    <MediaCard v-for="data in dataList" :key="data.tmdb_id" :media="data">
+    </MediaCard>
+  </div>
 </template>

src/views/discover/MediaCardSlideView.vue

@@ -39,21 +39,9 @@ onMounted(fetchData);
       <MediaCard 
         :media="data" 
         @click="toggle"
-        class="mx-1" 
-        height="22rem"
-        width="11rem"
+        class="mx-1 media-slide-card" 
         :color="isSelected ? 'primary' : 'grey-lighten-1'"
       >
-        <div class="d-flex fill-height align-center justify-center">
-          <VScaleTransition>
-            <v-icon
-              v-if="isSelected"
-              color="white"
-              size="48"
-              icon="mdi-close-circle-outline"
-            ></v-icon>
-          </VScaleTransition>
-        </div>
       </MediaCard>
     </VSlideGroupItem>
   </VSlideGroup>