From cc2a29ca54c067bbc46c0205555f39ec2d7119dc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=81=8F=E5=8F=B3?= Date: Tue, 31 Dec 2019 14:30:46 +0800 Subject: [PATCH] :lipstick: optimize card hoverable style (#20561) --- components/card/style/index.less | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/components/card/style/index.less b/components/card/style/index.less index 141f4b8a01..2747c26782 100644 --- a/components/card/style/index.less +++ b/components/card/style/index.less @@ -3,6 +3,7 @@ @card-prefix-cls: ~'@{ant-prefix}-card'; @card-head-height: 48px; +@card-hover-border: transparent; @card-action-icon-size: 16px; @gradient-min: fade(@card-skeleton-bg, 20%); @@ -19,6 +20,7 @@ &-hoverable { cursor: pointer; &:hover { + border-color: @card-hover-border; box-shadow: @card-shadow; } } @@ -120,6 +122,8 @@ width: 100%; } img { + width: calc(100% + 2px); + margin-left: -1px; border-radius: @card-radius @card-radius 0 0; } }