style: fix color of more button and scrollbar style (#3486)

* style(header): fix color of more button

* style: fix scrollbar style
This commit is contained in:
Zeke Zhang 2024-02-03 10:21:21 +08:00 committed by GitHub
parent 407f887584
commit 33edd78531
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 38 additions and 36 deletions

View File

@ -1,37 +1,35 @@
.win {
/* width */
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
/* Track */
::-webkit-scrollbar-track {
background: var(--colorBgScrollTrack);
}
/* Handle */
::-webkit-scrollbar-thumb {
background: var(--colorBgScrollBar);
border-radius: 4px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: var(--colorBgScrollBarHover);
}
::-webkit-scrollbar-thumb:active {
background: var(--colorBgScrollBarActive);
}
.rc-virtual-list-scrollbar-thumb {
background: var(--colorBgScrollBar) !important;
}
.rc-virtual-list-scrollbar-thumb:hover {
background: var(--colorBgScrollBarHover) !important;
}
.rc-virtual-list-scrollbar-thumb:active {
background: var(--colorBgScrollBarActive) !important;
}
/* width */
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
/* Track */
::-webkit-scrollbar-track {
background: var(--colorBgScrollTrack);
}
/* Handle */
::-webkit-scrollbar-thumb {
background: var(--colorBgScrollBar);
border-radius: 4px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: var(--colorBgScrollBarHover);
}
::-webkit-scrollbar-thumb:active {
background: var(--colorBgScrollBarActive);
}
.rc-virtual-list-scrollbar-thumb {
background: var(--colorBgScrollBar) !important;
}
.rc-virtual-list-scrollbar-thumb:hover {
background: var(--colorBgScrollBarHover) !important;
}
.rc-virtual-list-scrollbar-thumb:active {
background: var(--colorBgScrollBarActive) !important;
}

View File

@ -10,6 +10,7 @@ import 'dayjs/plugin/weekday';
// 重置浏览器样式
import 'antd/dist/reset.css';
import './global.less';
export * from '@emotion/css';
export * from './acl';

View File

@ -279,6 +279,9 @@ export const InternalAdminLayout = (props: any) => {
background-color: ${token.colorBgHeaderMenuActive} !important;
color: ${token.colorTextHeaderMenuActive} !important;
}
.ant-menu-submenu-horizontal.ant-menu-submenu-selected > .ant-menu-submenu-title {
color: ${token.colorTextHeaderMenuActive} !important;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item:hover {
background-color: ${token.colorBgHeaderMenuHover} !important;
color: ${token.colorTextHeaderMenuHover} !important;