GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-05-11 18:10:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

优化 SubscribeCard 组件的图片点击事件

Browse Source
This commit is contained in:
jxxghp
2025-04-08 14:52:07 +08:00
parent 6e1503334e
commit d52a814d77
2 changed files with 18 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/cards/SubscribeCard.vue
View File

@@ -341,7 +341,7 @@ function onSubscribeEditRemove() {
<div>
<VCardText class="flex items-center">
<div class="h-auto w-12 flex-shrink-0 overflow-hidden rounded-md shadow-lg" v-if="imageLoaded">
<VImg :src="posterUrl" aspect-ratio="2/3" cover @click.stop="viewMediaDetail">
<VImg :src="posterUrl" aspect-ratio="2/3" cover>
<template #placeholder>
<div class="w-full h-full">
<VSkeletonLoader class="object-cover aspect-w-2 aspect-h-3" />

34
src/layouts/components/ShortcutBar.vue
View File

@@ -330,6 +330,23 @@ onMounted(() => {
grid-template-columns: repeat(2, 1fr);
}
.shortcut-icon-wrapper {
display: flex;
align-items: center;
justify-content: center;
border-radius: 12px;
background-color: rgba(var(--v-theme-primary), 0.08);
block-size: 48px;
inline-size: 48px;
margin-inline-end: 16px;
transition: all 0.3s ease;
.v-icon {
color: rgba(var(--v-theme-primary), 1);
transition: transform 0.3s ease;
}
}
.shortcut-item {
position: relative;
z-index: 1;
@@ -377,23 +394,6 @@ onMounted(() => {
}
}
.shortcut-icon-wrapper {
display: flex;
align-items: center;
justify-content: center;
border-radius: 12px;
background-color: rgba(var(--v-theme-primary), 0.08);
block-size: 48px;
inline-size: 48px;
margin-inline-end: 16px;
transition: all 0.3s ease;
.v-icon {
color: rgba(var(--v-theme-primary), 1);
transition: transform 0.3s ease;
}
}
.shortcut-text {
flex: 1;
}