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:
		
							parent
							
								
									407f887584
								
							
						
					
					
						commit
						33edd78531
					
				| @ -1,37 +1,35 @@ | |||||||
| .win { | /* width */ | ||||||
|   /* width */ | ::-webkit-scrollbar { | ||||||
|   ::-webkit-scrollbar { |   width: 8px; | ||||||
|     width: 8px; |   height: 8px; | ||||||
|     height: 8px; | } | ||||||
|   } | 
 | ||||||
| 
 | /* Track */ | ||||||
|   /* Track */ | ::-webkit-scrollbar-track { | ||||||
|   ::-webkit-scrollbar-track { |   background: var(--colorBgScrollTrack); | ||||||
|     background: var(--colorBgScrollTrack); | } | ||||||
|   } | 
 | ||||||
| 
 | /* Handle */ | ||||||
|   /* Handle */ | ::-webkit-scrollbar-thumb { | ||||||
|   ::-webkit-scrollbar-thumb { |   background: var(--colorBgScrollBar); | ||||||
|     background: var(--colorBgScrollBar); |   border-radius: 4px; | ||||||
|     border-radius: 4px; | } | ||||||
|   } | 
 | ||||||
| 
 | /* Handle on hover */ | ||||||
|   /* Handle on hover */ | ::-webkit-scrollbar-thumb:hover { | ||||||
|   ::-webkit-scrollbar-thumb:hover { |   background: var(--colorBgScrollBarHover); | ||||||
|     background: var(--colorBgScrollBarHover); | } | ||||||
|   } | 
 | ||||||
| 
 | ::-webkit-scrollbar-thumb:active { | ||||||
|   ::-webkit-scrollbar-thumb:active { |   background: var(--colorBgScrollBarActive); | ||||||
|     background: var(--colorBgScrollBarActive); | } | ||||||
|   } | 
 | ||||||
| 
 | .rc-virtual-list-scrollbar-thumb { | ||||||
|   .rc-virtual-list-scrollbar-thumb { |   background: var(--colorBgScrollBar) !important; | ||||||
|     background: var(--colorBgScrollBar) !important; | } | ||||||
|   } | .rc-virtual-list-scrollbar-thumb:hover { | ||||||
|   .rc-virtual-list-scrollbar-thumb:hover { |   background: var(--colorBgScrollBarHover) !important; | ||||||
|     background: var(--colorBgScrollBarHover) !important; | } | ||||||
|   } | .rc-virtual-list-scrollbar-thumb:active { | ||||||
|   .rc-virtual-list-scrollbar-thumb:active { |   background: var(--colorBgScrollBarActive) !important; | ||||||
|     background: var(--colorBgScrollBarActive) !important; |  | ||||||
|   } |  | ||||||
| } | } | ||||||
|  | |||||||
| @ -10,6 +10,7 @@ import 'dayjs/plugin/weekday'; | |||||||
| 
 | 
 | ||||||
| // 重置浏览器样式
 | // 重置浏览器样式
 | ||||||
| import 'antd/dist/reset.css'; | import 'antd/dist/reset.css'; | ||||||
|  | import './global.less'; | ||||||
| 
 | 
 | ||||||
| export * from '@emotion/css'; | export * from '@emotion/css'; | ||||||
| export * from './acl'; | export * from './acl'; | ||||||
|  | |||||||
| @ -279,6 +279,9 @@ export const InternalAdminLayout = (props: any) => { | |||||||
|             background-color: ${token.colorBgHeaderMenuActive} !important; |             background-color: ${token.colorBgHeaderMenuActive} !important; | ||||||
|             color: ${token.colorTextHeaderMenuActive} !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 { |           .ant-menu-dark.ant-menu-horizontal > .ant-menu-item:hover { | ||||||
|             background-color: ${token.colorBgHeaderMenuHover} !important; |             background-color: ${token.colorBgHeaderMenuHover} !important; | ||||||
|             color: ${token.colorTextHeaderMenuHover} !important; |             color: ${token.colorTextHeaderMenuHover} !important; | ||||||
|  | |||||||
		Loading…
	
		Reference in New Issue
	
	Block a user