mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-07 17:44:35 +08:00
Code Issues Actions 18 Packages Projects Releases Wiki Activity

💄 optimize card hoverable style (#20561)

Browse Source
This commit is contained in:
偏右 2019-12-31 14:30:46 +08:00 committed by GitHub
parent 3c481f579a
commit cc2a29ca54
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/card/style/index.less
View File

@ -3,6 +3,7 @@
@card-prefix-cls: ~'@{ant-prefix}-card'; @card-prefix-cls: ~'@{ant-prefix}-card';
@card-head-height: 48px; @card-head-height: 48px;
@card-hover-border: transparent;
@card-action-icon-size: 16px; @card-action-icon-size: 16px;
@gradient-min: fade(@card-skeleton-bg, 20%); @gradient-min: fade(@card-skeleton-bg, 20%);
@ -19,6 +20,7 @@
&-hoverable { &-hoverable {
cursor: pointer; cursor: pointer;
&:hover { &:hover {
border-color: @card-hover-border;
box-shadow: @card-shadow; box-shadow: @card-shadow;
} }
} }
@ -120,6 +122,8 @@
width: 100%; width: 100%;
} }
img { img {
width: calc(100% + 2px);
margin-left: -1px;
border-radius: @card-radius @card-radius 0 0; border-radius: @card-radius @card-radius 0 0;
} }
} }