Fix selected subscribe card border

This commit is contained in:
jxxghp
2026-06-28 13:13:43 +08:00
parent e692a91113
commit ed28832484

View File

@@ -410,7 +410,7 @@ function handleCardClick() {
class="subscribe-card-shell app-hover-lift-card w-full h-full relative"
:class="{
'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
@@ -581,6 +581,23 @@ function handleCardClick() {
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 {
background-image: linear-gradient(180deg, rgba(31, 41, 55, 47%) 0%, rgb(31, 41, 55) 100%);
}