github
/
element
mirror of https://github.com/ElemeFE/element
1
0
Fork 0
Code Issues Releases Wiki Activity

MessageBox: fix icon position error (#17410)

pull/17425/head
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

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

@ -28,6 +28,7 @@
</button> </button>
</div> </div>
<div class="el-message-box__content"> <div class="el-message-box__content">
<div class="el-message-box__container">
<div <div
:class="['el-message-box__status', icon]" :class="['el-message-box__status', icon]"
v-if="icon && !center && message !== ''"> v-if="icon && !center && message !== ''">
@ -38,6 +39,7 @@
<p v-else v-html="message"></p> <p v-else v-html="message"></p>
</slot> </slot>
</div> </div>
</div>
<div class="el-message-box__input" v-show="showInput"> <div class="el-message-box__input" v-show="showInput">
<el-input <el-input
v-model="inputValue" v-model="inputValue"

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

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