样式调整

main
wangyunfei888 1 day ago
parent 8095d8c99f
commit 18a313fa4a

@ -121,7 +121,7 @@ const SystemContentList = (props) => {
},
{
"path": "/topnavbar00/business/envInformationMonthly",
"path": "/topnavbar00/business/envInformationMfonthly",
icon: <img
src={monthlyIcon}
alt="环保月报管理"
@ -257,8 +257,8 @@ const SystemContentList = (props) => {
style={{
width: 192,
height: 42,
borderColor: '#fff',
backgroundColor: 'rgba(88, 88, 88, 0.34)',
borderColor: 'rgba(255, 255, 255, 1)',
backgroundColor: 'rgba(88, 88, 88, 0.54)',
borderRadius: 8,
color: '#fff',
fontSize: 22,
@ -270,7 +270,7 @@ const SystemContentList = (props) => {
]}
dropdownStyle={{
backgroundColor: 'rgba(88, 88, 88, 0.54)',
borderColor: 'rgba(45, 45, 45, 0.22)'
borderColor: 'rgba(255, 255, 255, 1)'
}}
popupClassName="custom-select-dropdown"
className="custom-select"
@ -281,8 +281,8 @@ const SystemContentList = (props) => {
.custom-select .ant-select-selector {
height: 42px !important;
border-radius: 8px !important;
border-color: #fff !important;
background-color: rgba(88, 88, 88, 0.34) !important;
border-color: rgba(255, 255, 255, 1) !important;
background-color: rgba(88, 88, 88, 0.54) !important;
color: #fff !important;
fontSize: 22px !important;
fontWeight: 600 !important;

@ -133,4 +133,18 @@
// height: 100%;
overflow: auto;
}
/* 强制覆盖 Ant Select 默认白色背景 */
:global(.custom-select .ant-select-selector) {
background-color: rgba(88, 88, 88, 0.54) !important;
border-color: rgba(255, 255, 255, 1) !important;
border-radius: 8px !important;
box-shadow: none !important;
}
:global(.custom-select .ant-select-selector:hover),
:global(.custom-select.ant-select-focused .ant-select-selector) {
background-color: rgba(88, 88, 88, 0.54) !important;
border-color: rgba(255, 255, 255, 1) !important;
}
}
Loading…
Cancel
Save