1234567891011121314151617181920212223242526272829303132 |
- @import "../variate.less";
- .@{elNamespace}-message-box {
- --el-messagebox-border-radius: var(--el-border-radius-small);
- --el-messagebox-padding-top: 14px;
- --el-messagebox-padding-right: 24px;
- padding-bottom: 0;
- // 标题区域padding修改
- &__header {
- border-bottom: 1px solid var(--el-border-color-light);
- padding: var(--el-messagebox-padding-top) var(--el-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;
- }
- }
|