优化卡片样式,移除多余的圆角设置,提升组件一致性

This commit is contained in:
jxxghp
2025-04-02 10:44:47 +08:00
parent 62db4508da
commit 88f261584f
11 changed files with 113 additions and 111 deletions

View File

@@ -530,7 +530,7 @@ function onRemoveSubscribe() {
v-bind="hover.props"
:height="props.height"
:width="props.width"
class="outline-none shadow ring-gray-500 rounded-lg"
class="outline-none shadow ring-gray-500"
:class="{
'transition transform-cpu duration-300 -translate-y-1 shadow-lg': hover.isHovering,
'ring-1': isImageLoaded,

View File

@@ -77,7 +77,6 @@ function goPersonDetail() {
v-bind="hover.props"
:height="personProps.height"
:width="personProps.width"
class="rounded-lg"
:class="{
'transition transform-cpu duration-300 -translate-y-1': hover.isHovering,
}"

View File

@@ -43,7 +43,7 @@ function goPlay(isHovering: boolean | null = false) {
v-bind="hover.props"
:height="props.height"
:width="props.width"
class="outline-none shadow ring-gray-500 rounded-lg"
class="outline-none shadow ring-gray-500"
:class="{
'transition transform-cpu duration-300 -translate-y-1 shadow-lg': hover.isHovering,
'ring-1': isImageLoaded,

View File

@@ -295,7 +295,7 @@ function onSubscribeEditRemove() {
<VCard
v-bind="hover.props"
:key="props.media?.id"
class="flex flex-col rounded-lg h-full"
class="flex flex-col h-full"
:class="{
'outline-dashed outline-1': props.media?.best_version && imageLoaded,
'transition transform-cpu duration-300 -translate-y-1 shadow-lg': hover.isHovering,

View File

@@ -100,7 +100,7 @@ function doDelete() {
<VCard
v-bind="hover.props"
:key="props.media?.id"
class="flex flex-col rounded-lg h-full"
class="flex flex-col h-full"
:class="{
'transition transform-cpu duration-300 -translate-y-1 shadow-lg': hover.isHovering,
}"