style(Dialog): add message min-height (#7191)

This commit is contained in:
neverland
2020-09-17 10:58:40 +08:00
committed by GitHub
parent 35f7e818e2
commit 5debc352ff
3 changed files with 20 additions and 3 deletions
+1 -1
View File
@@ -187,7 +187,7 @@ export default createComponent({
};
return (
<div class={bem('content')}>
<div class={bem('content', { isolated: !hasTitle })}>
<div {...data} />
</div>
);
+16 -1
View File
@@ -29,9 +29,18 @@
}
}
&__content {
&--isolated {
display: flex;
align-items: center;
min-height: 104px;
}
}
&__message {
flex: 1;
max-height: @dialog-message-max-height;
padding: @dialog-message-padding;
padding: 26px @dialog-message-padding;
overflow-y: auto;
font-size: @dialog-message-font-size;
line-height: @dialog-message-line-height;
@@ -65,6 +74,7 @@
&__confirm,
&__cancel {
flex: 1;
height: @dialog-button-height;
margin: 0;
border: 0;
}
@@ -88,6 +98,11 @@
color: @text-color;
}
.van-dialog__confirm,
.van-dialog__cancel {
height: @dialog-round-button-height;
}
.van-dialog__confirm {
color: @white;
}