test/element
1
0
Fork 0
mirror of https://gitee.com/ElemeFE/element.git synced 2024-11-29 18:57:36 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

MessageBox: fix icon position error (#17410)

Browse Source
This commit is contained in:
Geass 2019-09-12 11:23:54 +08:00 committed by hetech
parent c002304a8e
commit 4db58f39e7
2 changed files with 15 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
packages/message-box/src/main.vue
View File

@ -28,15 +28,17 @@
</button>
</div>
<div class="el-message-box__content">
<div
:class="['el-message-box__status', icon]"
v-if="icon && !center && message !== ''">
</div>
<div class="el-message-box__message" v-if="message !== ''">
<slot>
<p v-if="!dangerouslyUseHTMLString">{{ message }}</p>
<p v-else v-html="message"></p>
</slot>
<div class="el-message-box__container">
<div
:class="['el-message-box__status', icon]"
v-if="icon && !center && message !== ''">
</div>
<div class="el-message-box__message" v-if="message !== ''">
<slot>
<p v-if="!dangerouslyUseHTMLString">{{ message }}</p>
<p v-else v-html="message"></p>
</slot>
</div>
</div>
<div class="el-message-box__input" v-show="showInput">
<el-input

5
packages/theme-chalk/src/message-box.scss
View File

@ -73,11 +73,14 @@
}
@include e(content) {
position: relative;
padding: 10px $--msgbox-padding-primary;
color: $--messagebox-content-color;
font-size: $--messagebox-content-font-size;
}
@include e(container) {
position: relative;
}
@include e(input) {
padding-top: 15px;