fix size

src/components/cards/PersonCard.vue

@@ -90,7 +90,7 @@ function goPersonDetail() {
             <div class="absolute inset-0 flex h-full w-full flex-col items-center p-2">
               <div class="relative mt-2 mb-4 flex h-1/2 w-full justify-center">
                 <VAvatar
-                  size="90"
+                  size="100"
                   :class="{
                     'ring-1 ring-gray-700': isImageLoaded,
                   }"

src/components/cards/WorkflowTaskCard.vue

@@ -271,7 +271,7 @@ const resolveProgress = (item: Workflow) => {
           </template>
         </VCardItem>
         <VDivider />
-        <VCardText>
+        <VCardText class="pa-3">
           <div class="d-flex flex-column gap-y-2">
             <div class="d-flex flex-wrap gap-x-3">
               <div class="flex-1">

src/styles/custom.scss

@@ -182,7 +182,7 @@ body {
 }
 
 .grid-media-card {
-  grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
+  grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr));
 }
 
 .grid-backdrop-card {

src/views/discover/MediaCardSlideView.vue

@@ -49,7 +49,7 @@ onActivated(() => {
   <SlideView v-if="componentLoaded">
     <template #content>
       <template v-for="data in dataList" :key="data.tmdb_id || data.douban_id || data.bangumi_id">
-        <MediaCard :media="data" width="8rem" />
+        <MediaCard :media="data" width="9rem" />
       </template>
     </template>
   </SlideView>

src/views/discover/PersonCardSlideView.vue

@@ -39,7 +39,7 @@ onMounted(fetchData)
   <SlideView v-if="componentLoaded">
     <template #content>
       <template v-for="data in dataList" :key="data.id">
-        <PersonCard :person="data" width="8rem" />
+        <PersonCard :person="data" width="9rem" />
       </template>
     </template>
   </SlideView>