ant-design-vue/components/empty/style/index.less
Eric Tian 50299632cc fix: select empty not center (#1445)
* 修复select组件在mode为multiple或tags时,下拉选项为空时样式没有居中问题

外层的.ant-select-dropdown-menu-item样式设置了padding-right:@control-padding-horizontal + 20,得到padding的值为5px 32px 5px 12px,所以里层的.ant-empty-small的样式margin-left不需要加上@control-padding-horizontal

* 添加px单位
2019-12-10 15:04:25 +08:00

53 lines
806 B
Plaintext

@import '../../style/themes/default';
@import '../../style/mixins/index';
@empty-prefix-cls: ~'@{ant-prefix}-empty';
.@{empty-prefix-cls} {
margin: 0 8px;
font-size: @empty-font-size;
line-height: 22px;
text-align: center;
&-image {
height: 100px;
margin-bottom: 8px;
img {
height: 100%;
}
}
&-description {
margin: 0;
}
&-footer {
margin-top: 16px;
}
// antd internal empty style
&-small {
margin: 8px 0;
.@{empty-prefix-cls}-image {
height: 35px;
}
}
&-normal {
margin: 32px 0;
.@{empty-prefix-cls}-image {
height: 40px;
}
}
}
// Patch for popup adjust
.@{ant-prefix}-select-dropdown--multiple .@{ant-prefix}-select-dropdown-menu-item {
.@{empty-prefix-cls}-small {
margin-left: 20px;
}
}