Optimize settings management page stylesheet
This commit is contained in:
@@ -2,7 +2,10 @@
|
|||||||
|
|
||||||
.root-content {
|
.root-content {
|
||||||
padding: 30px;
|
padding: 30px;
|
||||||
gap: 10px;
|
gap: 20px;
|
||||||
|
|
||||||
|
.root-row {
|
||||||
|
gap: 20px;
|
||||||
|
|
||||||
.settings-card {
|
.settings-card {
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
@@ -32,4 +35,5 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@@ -198,9 +198,12 @@ const Settings: React.FC = () => {
|
|||||||
<FitFullScreen>
|
<FitFullScreen>
|
||||||
<HideScrollbar isShowVerticalScrollbar autoHideWaitingTime={500}>
|
<HideScrollbar isShowVerticalScrollbar autoHideWaitingTime={500}>
|
||||||
<FlexBox className={'root-content'}>
|
<FlexBox className={'root-content'}>
|
||||||
|
<FlexBox direction={'horizontal'} className={'root-row'}>
|
||||||
<Permission operationCode={'system:settings:query:mail'}>
|
<Permission operationCode={'system:settings:query:mail'}>
|
||||||
<MailSettings />
|
<MailSettings />
|
||||||
</Permission>
|
</Permission>
|
||||||
|
<div />
|
||||||
|
</FlexBox>
|
||||||
</FlexBox>
|
</FlexBox>
|
||||||
</HideScrollbar>
|
</HideScrollbar>
|
||||||
</FitFullScreen>
|
</FitFullScreen>
|
||||||
|
|||||||
Reference in New Issue
Block a user