样式调整

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

@ -133,4 +133,18 @@
// height: 100%; // height: 100%;
overflow: auto; 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