forked from opentiny/tiny-vue
fix(link-menu): [link-menu] modify smb theme (#2039)
This commit is contained in:
parent
79ea2c82f3
commit
f1acc9999e
|
@ -66,13 +66,12 @@
|
|||
}
|
||||
}
|
||||
|
||||
&__nav &__btn {
|
||||
&__nav {
|
||||
color: var(--ti-link-menu-btn-text-color);
|
||||
background: var(--ti-link-menu-btn-bg-color);
|
||||
padding: 0 8px;
|
||||
line-height: 1;
|
||||
outline: 0;
|
||||
text-align: center;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
|
||||
|
@ -82,6 +81,18 @@
|
|||
}
|
||||
}
|
||||
|
||||
&__btn {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
border-radius: var(--ti-link-menu-btn-border-radius);
|
||||
border: 1px solid var(--ti-link-menu-btn-border-color);
|
||||
background: var(--ti-link-menu-btn-bg-color);
|
||||
.@{svg-prefix-cls} {
|
||||
fill: var(--ti-link-menu-nav-item-text-color);
|
||||
font-size: var(--ti-link-menu-btn-size);
|
||||
}
|
||||
}
|
||||
|
||||
&__dialog-btn {
|
||||
text-align: center;
|
||||
}
|
||||
|
|
|
@ -1,3 +1,7 @@
|
|||
export const tinyLinkMenuSmbTheme = {
|
||||
'ti-link-menu-nav-item-text-color': '#191919'
|
||||
'ti-link-menu-nav-item-text-color': 'var(--ti-common-color-text-gray)',
|
||||
'ti-link-menu-btn-bg-color': 'var(--ti-common-color-light)',
|
||||
'ti-link-menu-btn-border-color': 'var(--ti-common-color-line-normal)',
|
||||
'ti-link-menu-btn-border-radius': 'var(--ti-common-border-radius-3)',
|
||||
'ti-link-menu-btn-size': 'var(--ti-common-font-size-2)'
|
||||
}
|
||||
|
|
|
@ -31,4 +31,10 @@
|
|||
--ti-link-menu-input-border-radius: var(--ti-common-border-radius-normal, 2px);
|
||||
// 收藏夹弹出框列表项的节点文本色
|
||||
--ti-link-menu-tree-node-text-color: var(--ti-common-color-text-disabled, #adb0b8);
|
||||
// 按钮边框颜色
|
||||
--ti-link-menu-btn-border-color: var(--ti-common-border-color-transparent-8);
|
||||
// 按钮圆角
|
||||
--ti-link-menu-btn-border-radius: var(--ti-common-border-radius-2);
|
||||
// 按钮大小
|
||||
--ti-link-menu-btn-size: var(--ti-common-font-size-3);
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue