GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-09-08 17:26:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(cache): use fixed poster corner radius

Browse Source
This commit is contained in:
jxxghp
2026-07-29 08:31:53 +08:00
parent e218508c2d
commit e5339d524b
2 changed files with 5 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/cache/RecognitionCachePanel.vue
Vendored
+2 -3
View File
@@ -376,7 +376,7 @@ watch(recognitionSource, () => {
> >
<template #default="{ item }"> <template #default="{ item }">
<article class="recognition-cache-mobile-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 /> <VImg v-if="getPosterUrl(item)" :src="getPosterUrl(item)" :alt="item.title || item.key" cover />
<VIcon v-else icon="mdi-image-off-outline" size="28" /> <VIcon v-else icon="mdi-image-off-outline" size="28" />
</div> </div>
@@ -432,7 +432,7 @@ watch(recognitionSource, () => {
:loading-text="t('common.loadingText')" :loading-text="t('common.loadingText')"
> >
<template #item.poster="{ item }"> <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 /> <VImg v-if="getPosterUrl(item)" :src="getPosterUrl(item)" :alt="item.title || item.key" cover />
<VIcon v-else icon="mdi-image-off-outline" /> <VIcon v-else icon="mdi-image-off-outline" />
</div> </div>
@@ -590,7 +590,6 @@ watch(recognitionSource, () => {
overflow: hidden; overflow: hidden;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
border-radius: var(--app-control-radius);
background: rgba(var(--v-theme-on-surface), 0.06); background: rgba(var(--v-theme-on-surface), 0.06);
color: rgba(var(--v-theme-on-surface), 0.36); color: rgba(var(--v-theme-on-surface), 0.36);
} }
src/views/system/CacheView.vue
+3 -5
View File
@@ -458,7 +458,7 @@ watch([titleFilter, siteFilter], () => {
> >
<template #default="{ item }"> <template #default="{ item }">
<article class="cache-mobile-card"> <article class="cache-mobile-card">
<div class="cache-mobile-card__poster"> <div class="cache-mobile-card__poster rounded-md">
<VChip <VChip
v-if="item.media_type" v-if="item.media_type"
variant="elevated" variant="elevated"
@@ -479,7 +479,7 @@ watch([titleFilter, siteFilter], () => {
:src="item.poster_path" :src="item.poster_path"
:alt="item.media_name || item.title" :alt="item.media_name || item.title"
cover cover
class="h-100 w-100" class="h-100 w-100 rounded-md"
> >
<template #placeholder> <template #placeholder>
<VSkeletonLoader class="h-100 w-100" /> <VSkeletonLoader class="h-100 w-100" />
@@ -670,8 +670,7 @@ watch([titleFilter, siteFilter], () => {
:src="item.poster_path" :src="item.poster_path"
:alt="item.media_name || item.title" :alt="item.media_name || item.title"
cover cover
rounded="md" class="w-12 my-1 ms-auto rounded-md"
class="w-12 my-1 ms-auto"
/> />
<VIcon v-else size="x-large" color="grey-lighten-1"> <VIcon v-else size="x-large" color="grey-lighten-1">
{{ item.media_type === 'movie' ? 'mdi-movie-open' : 'mdi-television-play' }} {{ item.media_type === 'movie' ? 'mdi-movie-open' : 'mdi-television-play' }}
@@ -1049,7 +1048,6 @@ watch([titleFilter, siteFilter], () => {
overflow: hidden; overflow: hidden;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
border-radius: var(--app-control-radius);
background: rgba(var(--v-theme-on-surface), 0.06); background: rgba(var(--v-theme-on-surface), 0.06);
block-size: 104px; block-size: 104px;
color: rgba(var(--v-theme-on-surface), 0.34); color: rgba(var(--v-theme-on-surface), 0.34);