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

fix(theme): update scrollbar width to 8px (#1668)

This commit is contained in:
gimmyhehe 2024-06-07 11:31:40 +08:00 committed by GitHub
parent 3e15c0d991
commit bfeff2bed2
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/theme/src/base/basic-var.less
View File

@ -490,8 +490,8 @@
--ti-common-size-height-mini: var(--ti-common-size-6x); // NewCssVar
/* 滚动条 */
--ti-common-scrollbar-width: 4px;
--ti-common-scrollbar-height: 4px;
--ti-common-scrollbar-width: 8px;
--ti-common-scrollbar-height: 8px;
--ti-common-scrollbar-track-piece-bg-color: var(--ti-base-color-bg-4);
--ti-common-scrollbar-thumb-bg-color: #bfbfbf;
--ti-common-scrollbar-thumb-border-radius: 6px;

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

@ -54,9 +54,9 @@
// 引导框内容滚动wrap左内边距
--ti-guide-text-scrollbox-padding-right: var(--ti-common-space-2x, 8px);
// 引导框内容滚动条宽度
--ti-guide-text-scrollbar-width: var(--ti-common-scrollbar-width, 4px);
--ti-guide-text-scrollbar-width: var(--ti-common-scrollbar-width, 8px);
// 引导框内容滚动条高度
--ti-guide-text-scrollbar-height: var(--ti-common-scrollbar-height, 4px);
--ti-guide-text-scrollbar-height: var(--ti-common-scrollbar-height, 8px);
// 引导框内容滚动条圆角
--ti-guide-text-scrollbar-border-radius: var(--ti-common-scrollbar-thumb-border-radius, 6px);
// 引导框内容滚动条边框色

1
packages/theme/src/theme/smb-theme/index.js
View File

@ -337,6 +337,7 @@ export const tinyBaseSmbTheme = {
/* 滚动条 */
'ti-common-scrollbar-width': '8px',
'ti-common-scrollbar-height': '8px',
'ti-common-scrollbar-track-piece-bg-color': 'var(--ti-base-color-bg-5)',
'ti-common-scrollbar-thumb-bg-color': 'var(--ti-base-color-common-4)',
'ti-common-scrollbar-thumb-border-radius': '4px',