1234567891011121314151617181920212223242526272829303132 |
- @import "../variate.less";
- .@{elNamespace}-message-box {
- --@{elNamespace}-messagebox-border-radius: var(~'--@{elNamespace}-border-radius-small');
- --@{elNamespace}-messagebox-padding-top: 14px;
- --@{elNamespace}-messagebox-padding-right: 24px;
- padding-bottom: 0;
- // 标题区域padding修改
- &__header {
- border-bottom: 1px solid var(~'--@{elNamespace}-border-color-light');
- padding: var(~'--@{elNamespace}-messagebox-padding-top') var(~'--@{elNamespace}-messagebox-padding-right');
- }
- &__title {
- line-height: 24px;
- }
- &__headerbtn {
- // 关闭icon不是居中,所以无法使用transform居中定位,right也要相应的调整几像素
- // top: 50%;
- // transform: translateY(-50%);
- top: 16px;
- right: 25px;
- .@{elNamespace}-message-box__close {
- font-size: 20px;
- }
- }
- &__content {
- padding: 24px;
- }
- &__btns {
- padding: 16px 24px;
- }
- }
|