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

fix(drawer): [drawer]: modify smb-theme (#1913)

This commit is contained in:
James 2024-08-15 23:24:38 -07:00 committed by GitHub
parent eba8df05b1
commit f14575d5dd
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/theme/src/drawer/index.less
View File

@ -206,8 +206,7 @@
.@{drawer-prefix-cls}__body { .@{drawer-prefix-cls}__body {
flex: auto; flex: auto;
overflow: auto; overflow: auto;
padding-left: var(--ti-drawer-padding-left); padding: var(--ti-drawer-padding-top) var(--ti-drawer-padding-right) var(--ti-drawer-padding-bottom) var(--ti-drawer-padding-left);
padding-right: var(--ti-drawer-padding-right);
border-bottom: 1px solid var(--ti-drawer-divider-body-border-color); border-bottom: 1px solid var(--ti-drawer-divider-body-border-color);
} }

3
packages/theme/src/drawer/smb-theme.js
View File

@ -9,5 +9,6 @@ export const tinyDrawerSmbTheme = {
'ti-drawer-divider-footer-border-color': 'var(--ti-common-color-transparent)', 'ti-drawer-divider-footer-border-color': 'var(--ti-common-color-transparent)',
'ti-drawer-close-icon-size': 'var(--ti-common-font-size-5)', 'ti-drawer-close-icon-size': 'var(--ti-common-font-size-5)',
'ti-drawer-help-icon-color': 'var(--ti-common-color-icon)', 'ti-drawer-help-icon-color': 'var(--ti-common-color-icon)',
'ti-drawer-close-icon-color': 'var(--ti-common-color-icon-normal)' 'ti-drawer-close-icon-color': 'var(--ti-common-color-icon-normal)',
'ti-drawer-head-title-text-color': 'var(--ti-common-color-text-gray)'
} }

4
packages/theme/src/drawer/vars.less
View File

@ -99,4 +99,8 @@
--ti-drawer-divider-footer-button-margin-left: var(--ti-common-space-2x, 8px); --ti-drawer-divider-footer-button-margin-left: var(--ti-common-space-2x, 8px);
// 底部边框色(hide) // 底部边框色(hide)
--ti-drawer-divider-footer-border-color: var(--ti-drawer-divider-border-color, #dfe1e6); --ti-drawer-divider-footer-border-color: var(--ti-drawer-divider-border-color, #dfe1e6);
// 内容区域上边距
--ti-drawer-padding-top: var(--ti-common-space-6x);
// 内容区域下边距
--ti-drawer-padding-bottom: var(--ti-common-space-6x);
} }