mirror of
https://github.com/jxxghp/MoviePilot-Frontend.git
synced 2026-09-05 15:36:49 +08:00
Fix selected subscribe card border
This commit is contained in:
@@ -410,7 +410,7 @@ function handleCardClick() {
|
|||||||
class="subscribe-card-shell app-hover-lift-card w-full h-full relative"
|
class="subscribe-card-shell app-hover-lift-card w-full h-full relative"
|
||||||
:class="{
|
:class="{
|
||||||
'app-hover-lift-card--hovering': hover.isHovering && !props.sortable,
|
'app-hover-lift-card--hovering': hover.isHovering && !props.sortable,
|
||||||
'outline-dotted outline-pink-500 outline-2': props.batchMode && props.selected,
|
'subscribe-card-shell--selected': props.batchMode && props.selected,
|
||||||
}"
|
}"
|
||||||
>
|
>
|
||||||
<VCard
|
<VCard
|
||||||
@@ -581,6 +581,23 @@ function handleCardClick() {
|
|||||||
inline-size: 100%;
|
inline-size: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 订阅卡片外壳:选中态虚线框复用同一圆角,避免 outline 在圆角卡片外形成直角。
|
||||||
|
*/
|
||||||
|
.subscribe-card-shell {
|
||||||
|
border-radius: var(--app-surface-radius);
|
||||||
|
}
|
||||||
|
|
||||||
|
.subscribe-card-shell--selected::after {
|
||||||
|
position: absolute;
|
||||||
|
z-index: 5;
|
||||||
|
border: 2px dotted #ec4899;
|
||||||
|
border-radius: inherit;
|
||||||
|
content: '';
|
||||||
|
inset: 0;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
.subscribe-card-background {
|
.subscribe-card-background {
|
||||||
background-image: linear-gradient(180deg, rgba(31, 41, 55, 47%) 0%, rgb(31, 41, 55) 100%);
|
background-image: linear-gradient(180deg, rgba(31, 41, 55, 47%) 0%, rgb(31, 41, 55) 100%);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user