mirror of
https://github.com/jxxghp/MoviePilot-Frontend.git
synced 2026-09-04 23:18:44 +08:00
fix theme border surfaces
This commit is contained in:
@@ -415,7 +415,7 @@ function handleCardClick() {
|
||||
>
|
||||
<VCard
|
||||
:key="props.media?.id"
|
||||
class="flex flex-col h-full overflow-hidden"
|
||||
class="subscribe-card flex flex-col h-full overflow-hidden"
|
||||
:class="{
|
||||
'subscribe-card-paused': subscribeState === 'S',
|
||||
'subscribe-card-pending-tint': subscribeState === 'P',
|
||||
@@ -588,6 +588,10 @@ function handleCardClick() {
|
||||
border-radius: var(--app-surface-radius);
|
||||
}
|
||||
|
||||
.subscribe-card {
|
||||
border: var(--app-card-light-border);
|
||||
}
|
||||
|
||||
.subscribe-card-shell--selected::after {
|
||||
position: absolute;
|
||||
z-index: 5;
|
||||
|
||||
@@ -121,7 +121,7 @@ onMounted(() => {
|
||||
transition: background-color 0.2s;
|
||||
|
||||
&: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 {
|
||||
|
||||
@@ -207,8 +207,7 @@ html[data-theme-radius='extra'] {
|
||||
}
|
||||
|
||||
// 统一卡片上浮反馈;hover 命中区域应放在静止外层,避免上浮后底边反复触发 mouseleave。
|
||||
.v-card.app-hover-lift-card,
|
||||
.subscribe-card-shell {
|
||||
.v-card.app-hover-lift-card {
|
||||
border: var(--app-card-light-border);
|
||||
}
|
||||
|
||||
|
||||
@@ -145,7 +145,8 @@ html[data-theme="transparent"] {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
// 主题定制器的圆角/阴影示例沿用框架预览的透明玻璃底,避免透明主题下出现实色黑块。
|
||||
// 主题定制器的边框/圆角/阴影示例沿用框架预览的透明玻璃底,避免透明主题下出现实色黑块。
|
||||
.theme-customizer-border-scene,
|
||||
.theme-customizer-radius-scene,
|
||||
.theme-customizer-shadow-slider,
|
||||
.theme-customizer-shadow-slider__sample {
|
||||
@@ -158,10 +159,14 @@ html[data-theme="transparent"] {
|
||||
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 {
|
||||
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 {
|
||||
background: rgba(var(--v-theme-surface), var(--transparent-opacity));
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user