From e5339d524b296488354113dc62a4e9cc97b3be77 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Wed, 29 Jul 2026 08:31:53 +0800
Subject: [PATCH] fix(cache): use fixed poster corner radius

---
 src/components/cache/RecognitionCachePanel.vue | 5 ++---
 src/views/system/CacheView.vue                 | 8 +++-----
 2 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/src/components/cache/RecognitionCachePanel.vue b/src/components/cache/RecognitionCachePanel.vue
index 83eb4b05..ec275cf8 100644
--- a/src/components/cache/RecognitionCachePanel.vue
+++ b/src/components/cache/RecognitionCachePanel.vue
@@ -376,7 +376,7 @@ watch(recognitionSource, () => {
         >
           <template #default="{ item }">
             <article class="recognition-cache-mobile-item">
-              <div class="recognition-cache-poster">
+              <div class="recognition-cache-poster rounded-md">
                 <VImg v-if="getPosterUrl(item)" :src="getPosterUrl(item)" :alt="item.title || item.key" cover />
                 <VIcon v-else icon="mdi-image-off-outline" size="28" />
               </div>
@@ -432,7 +432,7 @@ watch(recognitionSource, () => {
       :loading-text="t('common.loadingText')"
     >
       <template #item.poster="{ item }">
-        <div class="recognition-cache-table__poster">
+        <div class="recognition-cache-table__poster rounded-md">
           <VImg v-if="getPosterUrl(item)" :src="getPosterUrl(item)" :alt="item.title || item.key" cover />
           <VIcon v-else icon="mdi-image-off-outline" />
         </div>
@@ -590,7 +590,6 @@ watch(recognitionSource, () => {
   overflow: hidden;
   align-items: center;
   justify-content: center;
-  border-radius: var(--app-control-radius);
   background: rgba(var(--v-theme-on-surface), 0.06);
   color: rgba(var(--v-theme-on-surface), 0.36);
 }
diff --git a/src/views/system/CacheView.vue b/src/views/system/CacheView.vue
index f2b26937..1710c19f 100644
--- a/src/views/system/CacheView.vue
+++ b/src/views/system/CacheView.vue
@@ -458,7 +458,7 @@ watch([titleFilter, siteFilter], () => {
             >
               <template #default="{ item }">
                 <article class="cache-mobile-card">
-                  <div class="cache-mobile-card__poster">
+                  <div class="cache-mobile-card__poster rounded-md">
                     <VChip
                       v-if="item.media_type"
                       variant="elevated"
@@ -479,7 +479,7 @@ watch([titleFilter, siteFilter], () => {
                       :src="item.poster_path"
                       :alt="item.media_name || item.title"
                       cover
-                      class="h-100 w-100"
+                      class="h-100 w-100 rounded-md"
                     >
                       <template #placeholder>
                         <VSkeletonLoader class="h-100 w-100" />
@@ -670,8 +670,7 @@ watch([titleFilter, siteFilter], () => {
                   :src="item.poster_path"
                   :alt="item.media_name || item.title"
                   cover
-                  rounded="md"
-                  class="w-12 my-1 ms-auto"
+                  class="w-12 my-1 ms-auto rounded-md"
                 />
                 <VIcon v-else size="x-large" color="grey-lighten-1">
                   {{ item.media_type === 'movie' ? 'mdi-movie-open' : 'mdi-television-play' }}
@@ -1049,7 +1048,6 @@ watch([titleFilter, siteFilter], () => {
   overflow: hidden;
   align-items: center;
   justify-content: center;
-  border-radius: var(--app-control-radius);
   background: rgba(var(--v-theme-on-surface), 0.06);
   block-size: 104px;
   color: rgba(var(--v-theme-on-surface), 0.34);