style(Dialog): add message min-height (#7191)
This commit is contained in:
@@ -187,7 +187,7 @@ export default createComponent({
|
||||
};
|
||||
|
||||
return (
|
||||
<div class={bem('content')}>
|
||||
<div class={bem('content', { isolated: !hasTitle })}>
|
||||
<div {...data} />
|
||||
</div>
|
||||
);
|
||||
|
||||
+16
-1
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user