fix: 🐛 add border-radius of the image-mask when hover Card (#42642)

* fix: 🐛 add border-radius of the image-mask when hover Card

* Apply suggestions from code review

Optimize the css code structure

Co-authored-by: afc163 <afc163@gmail.com>

---------

Co-authored-by: liugenmei@yzw.cn <liugenmei@yzw.cn>
Co-authored-by: afc163 <afc163@gmail.com>
This commit is contained in:
Goku 2023-05-26 16:14:33 +08:00 committed by GitHub
parent ce6d6d4e61
commit 98e391ca93
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -224,6 +224,7 @@ const genCardLoadingStyle: GenerateStyle<CardToken> = (token): CSSObject => {
// ============================== Basic ==============================
const genCardStyle: GenerateStyle<CardToken> = (token): CSSObject => {
const {
antCls,
componentCls,
cardShadow,
cardHeadPadding,
@ -268,7 +269,7 @@ const genCardStyle: GenerateStyle<CardToken> = (token): CSSObject => {
width: '100%',
},
img: {
[`img, img + ${antCls}-image-mask`]: {
borderRadius: `${token.borderRadiusLG}px ${token.borderRadiusLG}px 0 0`,
},
},