github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix: fix icon not real center & in menu component margin-right error (#4091) 

Co-authored-by: NAVINFO\liunian7965 <liunian7965@navinfo.com>
pull/4103/head
liu 2021-05-19 10:23:28 +08:00 committed by GitHub
parent 07b4150966
commit 4effe6d293
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
components/avatar/style/index.less
View File

@ -7,13 +7,14 @@
.reset-component(); .reset-component();
position: relative; position: relative;
display: inline-block; display: inline-flex;
overflow: hidden; overflow: hidden;
color: @avatar-color; color: @avatar-color;
white-space: nowrap; white-space: nowrap;
text-align: center;
vertical-align: middle; vertical-align: middle;
background: @avatar-bg; background: @avatar-bg;
justify-content: center;
align-items: center;
&-image { &-image {
background: transparent; background: transparent;
@ -44,7 +45,6 @@
.avatar-size(@size, @font-size) { .avatar-size(@size, @font-size) {
width: @size; width: @size;
height: @size; height: @size;
line-height: @size;
border-radius: 50%; border-radius: 50%;
&-string { &-string {
@ -55,5 +55,8 @@
&.@{avatar-prefix-cls}-icon { &.@{avatar-prefix-cls}-icon {
font-size: @font-size; font-size: @font-size;
.@{iconfont-css-prefix} {
margin: 0;
}
} }
} }