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

fix theme border surfaces

Browse Source
This commit is contained in:
jxxghp
2026-06-30 19:05:26 +08:00
parent 7539fa26aa
commit 2a3ef1a1f6
4 changed files with 13 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/cards/SubscribeCard.vue
+5 -1
View File
@@ -415,7 +415,7 @@ function handleCardClick() {
> >
<VCard <VCard
:key="props.media?.id" :key="props.media?.id"
class="flex flex-col h-full overflow-hidden" class="subscribe-card flex flex-col h-full overflow-hidden"
:class="{ :class="{
'subscribe-card-paused': subscribeState === 'S', 'subscribe-card-paused': subscribeState === 'S',
'subscribe-card-pending-tint': subscribeState === 'P', 'subscribe-card-pending-tint': subscribeState === 'P',
@@ -588,6 +588,10 @@ function handleCardClick() {
border-radius: var(--app-surface-radius); border-radius: var(--app-surface-radius);
} }
.subscribe-card {
border: var(--app-card-light-border);
}
.subscribe-card-shell--selected::after { .subscribe-card-shell--selected::after {
position: absolute; position: absolute;
z-index: 5; z-index: 5;
src/pages/appcenter.vue
+1 -1
View File
@@ -121,7 +121,7 @@ onMounted(() => {
transition: background-color 0.2s; transition: background-color 0.2s;
&:not(:last-child) { &:not(:last-child) {
border-block-end: var(--app-surface-border-width) solid rgba(var(--v-border-color), 0.12); border-block-end: 1px solid rgba(var(--v-border-color), 0.12);
} }
&:hover { &:hover {
src/styles/common.scss
+1 -2
View File
@@ -207,8 +207,7 @@ html[data-theme-radius='extra'] {
} }
// 统一卡片上浮反馈；hover 命中区域应放在静止外层，避免上浮后底边反复触发 mouseleave。 // 统一卡片上浮反馈；hover 命中区域应放在静止外层，避免上浮后底边反复触发 mouseleave。
.v-card.app-hover-lift-card, .v-card.app-hover-lift-card {
.subscribe-card-shell {
border: var(--app-card-light-border); border: var(--app-card-light-border);
} }
src/styles/themes/transparent.scss
+6 -1
View File
@@ -145,7 +145,8 @@ html[data-theme="transparent"] {
background-color: transparent; background-color: transparent;
} }
// 主题定制器的圆角/阴影示例沿用框架预览的透明玻璃底，避免透明主题下出现实色黑块。 // 主题定制器的边框/圆角/阴影示例沿用框架预览的透明玻璃底，避免透明主题下出现实色黑块。
.theme-customizer-border-scene,
.theme-customizer-radius-scene, .theme-customizer-radius-scene,
.theme-customizer-shadow-slider, .theme-customizer-shadow-slider,
.theme-customizer-shadow-slider__sample { .theme-customizer-shadow-slider__sample {
@@ -158,10 +159,14 @@ html[data-theme="transparent"] {
rgba(var(--v-theme-surface), var(--transparent-opacity-light)); rgba(var(--v-theme-surface), var(--transparent-opacity-light));
} }
.theme-customizer-preview-option.is-active .theme-customizer-border-scene,
.theme-customizer-preview-option.is-active .theme-customizer-radius-scene { .theme-customizer-preview-option.is-active .theme-customizer-radius-scene {
background: rgba(var(--v-theme-primary), 0.04); background: rgba(var(--v-theme-primary), 0.04);
} }
.theme-customizer-border-scene__card,
.theme-customizer-border-scene__dialog,
.theme-customizer-border-scene__menu,
.theme-customizer-radius-scene__card { .theme-customizer-radius-scene__card {
background: rgba(var(--v-theme-surface), var(--transparent-opacity)); background: rgba(var(--v-theme-surface), var(--transparent-opacity));
} }