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

fix(transfer ): [transfer] update transfer xdesign (#1419) 

* fix: update transfer xdesign

* fix: update code review
This commit is contained in:
James 2024-02-27 10:41:36 +08:00 committed by GitHub
parent 49abeab09b
commit 30a622b1e0
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 36 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
packages/theme/src/transfer/index.less
View File

@ -61,6 +61,12 @@
margin-right: var(--ti-transfer-buttons-margin-right);
margin-top: var(--ti-transfer-buttons-margin-top);
margin-bottom: var(--ti-transfer-buttons-margin-bottom);
background: var(--ti-transfer-svg-background);
border-color: var(--ti-transfer-btn-border-color);
&:hover {
background: var(--ti-transfer-panel-btn-hover-bg-color);
}
}
}
@ -72,8 +78,8 @@
margin-bottom: var(--ti-transfer-button-margin-bottom);
border-color: var(--ti-transfer-button-bg-color);
background-color: var(--ti-transfer-button-bg-color);
min-width: 30px;
min-height: 30px;
width: var(--ti-transfer-button-width);
height: var(--ti-transfer-button-height);
border-radius: var(--ti-transfer-button-border-radius);
line-height: normal;
padding-left: var(--ti-transfer-button-padding-left);
@ -87,6 +93,7 @@
}
&.@{button-prefix-cls}:not(.is-circle) .@{svg-prefix-cls} {
font-size: var(--ti-transfer-svg-font-size);
margin-right: 0;
}

18
packages/theme/src/transfer/smb-theme.js
View File

@ -1,9 +1,21 @@
export const tinyTransferSmbTheme = {
// transfer-SMB主题
'ti-transfer-panel-item-text-color': 'var(--ti-common-color-info-normal)',
'ti-transfer-button-bg-color': 'var(--ti-common-color-prompt)',
'ti-transfer-font-size': 'var(--ti-common-font-size-1)',
'ti-transfer-button-border-radius': 'var(--ti-common-space-6)',
'ti-transfer-panel-border-color': 'var(--ti-common-color-line-disabled)',
'ti-transfer-panel-item-hover-bg-color': 'var(--ti-common-color-hover-background)'
'ti-transfer-panel-item-hover-bg-color': 'var(ti-common-color-bg-normal, #f5f5f5)',
'ti-transfer-header-height': '38px',
'ti-transfer-panel-item-height': 'var(--ti-common-size-8x)',
'ti-transfer-button-bg-color': '#1476ff',
'ti-transfer-button-height': 'var(--ti-common-size-4x)',
'ti-transfer-button-width': 'var(--ti-common-size-4x)',
'ti-transfer-button-padding-left': '2px',
'ti-transfer-button-padding-right': '2px',
'ti-transfer-button-padding-top': '2px',
'ti-transfer-button-padding-bottom': '2px',
'ti-transfer-button-border-radius': 'var(--ti-common-size-base)',
'ti-transfer-svg-font-size': '10px',
'ti-transfer-svg-background': '#1476ff',
'ti-transfer-btn-border-color': '#1476ff',
'ti-transfer-panel-btn-hover-bg-color': '#409eff'
}

12
packages/theme/src/transfer/vars.less
View File

@ -237,4 +237,16 @@
--ti-transfer-pager-padding-bottom: var(--ti-common-space-10, 10px);
// 多选框左侧内边距
--ti-transfer-checkbox-label-padding-left: var(--ti-common-space-2x, 8px);
// 穿梭按钮宽度
--ti-transfer-button-width: 30px;
// 穿梭按钮高度
--ti-transfer-button-height: 30px;
// 穿梭箭头大小
--ti-transfer-svg-font-size: 14px;
// 穿梭框背景色
--ti-transfer-svg-background: #191919;
// 穿梭按钮边框色
--ti-transfer-btn-border-color: #595959;
// 穿梭按钮悬浮背景色
--ti-transfer-panel-btn-hover-bg-color: #595959;
}