blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
neverland 2020-09-17 10:58:40 +08:00 committed by GitHub
parent 35f7e818e2
commit 5debc352ff
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 20 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/dialog/Dialog.js
View File

@ -187,7 +187,7 @@ export default createComponent({
};
return (
<div class={bem('content')}>
<div class={bem('content', { isolated: !hasTitle })}>
<div {...data} />
</div>
);

17
src/dialog/index.less
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;
}

4
src/style/var.less
View File

@ -306,7 +306,7 @@
@dialog-background-color: @white;
@dialog-header-font-weight: @font-weight-bold;
@dialog-header-line-height: 24px;
@dialog-header-padding-top: @padding-lg;
@dialog-header-padding-top: 26px;
@dialog-header-isolated-padding: @padding-lg 0;
@dialog-message-padding: @padding-lg;
@dialog-message-font-size: @font-size-md;
@ -314,6 +314,8 @@
@dialog-message-max-height: 60vh;
@dialog-has-title-message-text-color: @gray-7;
@dialog-has-title-message-padding-top: @padding-xs;
@dialog-button-height: 48px;
@dialog-round-button-height: 36px;
@dialog-confirm-button-text-color: @red;
// Divider