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

[improvement] Dialog: centered in screen (#3905)

Browse Source
This commit is contained in:
neverland 2019-07-19 17:22:28 +08:00 committed by GitHub
parent 32fca2756d
commit 7d9c8a810f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/dialog/demo/index.vue
View File

@ -33,10 +33,7 @@
</van-button>
</demo-block>
<demo-block
v-if="!$attrs.weapp"
:title="$t('componentCall')"
>
<demo-block :title="$t('componentCall')">
<van-button
type="primary"
@click="show = true"

3
src/dialog/index.less
View File

@ -2,7 +2,7 @@
.van-dialog {
position: fixed;
top: 50%;
top: 45%;
left: 50%;
width: @dialog-width;
overflow: hidden;
@ -16,6 +16,7 @@
&__header {
padding-top: @dialog-header-padding-top;
font-weight: @dialog-header-font-weight;
line-height: @dialog-header-line-height;
text-align: center;
&--isolated {

3
src/style/var.less
View File

@ -208,11 +208,12 @@
@dialog-border-radius: 4px;
@dialog-background-color: @white;
@dialog-header-font-weight: 500;
@dialog-header-line-height: 24px;
@dialog-header-padding-top: 25px;
@dialog-header-isolated-padding: 25px 0;
@dialog-message-padding: 25px;
@dialog-message-font-size: 14px;
@dialog-message-line-height: 1.5;
@dialog-message-line-height: 20px;
@dialog-message-max-height: 60vh;
@dialog-has-title-message-text-color: @gray-darker;
@dialog-has-title-message-padding-top: 12px;