zhoujunyu
/
tiny-vue
forked from opentiny/tiny-vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(toast): fix text padding (#1185) 

* fix(toast): fix text padding

Signed-off-by: jacknan <zhumaonan@aliyun.com>

* fix(toast): fix text padding

Signed-off-by: jacknan <zhumaonan@aliyun.com>

---------

Signed-off-by: jacknan <zhumaonan@aliyun.com>
This commit is contained in:
jacknan 2023-12-22 15:46:56 +08:00 committed by GitHub
parent f5b0351814
commit 0212852422
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/theme-mobile/src/toast/index.less
View File

@ -33,7 +33,7 @@
align-items: center;
justify-content: center;
flex-direction: column;
padding: var(--ti-mobile-toast-padding-size);
padding: var(--ti-mobile-toast-padding-size-horizontal);
background-color: var(--ti-mobile-toast-bg-color-primary);
border-radius: var(--ti-mobile-toast-border-radius);
box-shadow: var(--ti-mobile-toast-shadow, 0 0 20px 0 rgb(0 0 0 / 8%));
@ -42,7 +42,7 @@
min-width: 106px;
&-text {
padding: 7px 0;
padding: var(--ti-mobile-toast-padding-size-veritical) var(--ti-mobile-toast-padding-size-horizontal);
}
}

6
packages/theme-mobile/src/toast/vars.less
View File

@ -23,8 +23,10 @@
--ti-mobile-toast-icon-size: 36px;
// 阴影
--ti-mobile-toast-shadow: var(--ti-mobile-shadow-s, 0 0 20px 0 rgb(0 0 0 / 8%));
// 边距
--ti-mobile-toast-padding-size: var(--ti-mobile-space-4x, 16px);
// 文字边距-水平
--ti-mobile-toast-padding-size-horizontal: var(--ti-mobile-space-4x, 16px);
// 文字边距-垂直
--ti-mobile-toast-padding-size-veritical: var(--ti-mobile-space-2x, 8px);
// 圆角尺寸
--ti-mobile-toast-border-radius: var(--ti-mobile-border-radius-xl, 16px);
// 图标下边距