shkong/clash-verge-rev
1
0
Fork 0
mirror of https://github.com/clash-verge-rev/clash-verge-rev synced 2025-05-05 06:43:44 +08:00
Code Packages Projects Releases Activity

feat: settings use Grid layout

Browse Source
This commit is contained in:
keiko233 2023-10-20 10:05:03 +08:00
parent 69cbcae7ed
commit 966bce973a
1 changed files with 18 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/pages/settings.tsx
View File

@ -1,4 +1,4 @@
import { IconButton, Paper } from "@mui/material"; import { Grid, IconButton, Paper } from "@mui/material";
import { useLockFn } from "ahooks"; import { useLockFn } from "ahooks";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
import { BasePage, Notice } from "@/components/base"; import { BasePage, Notice } from "@/components/base";
@ -33,17 +33,25 @@ const SettingPage = () => {
</IconButton> </IconButton>
} }
> >
<Paper sx={{ borderRadius: 1, boxShadow: 2, mb: 3 }}> <Grid container spacing={{ xs: 2, lg: 3 }}>
<SettingClash onError={onError} /> <Grid item xs={12} md={6}>
</Paper> <Paper sx={{ borderRadius: 1, boxShadow: 2 }}>
<SettingClash onError={onError} />
</Paper>
</Grid>
<Paper sx={{ borderRadius: 1, boxShadow: 2, mb: 3 }}> <Grid item xs={12} md={6}>
<SettingSystem onError={onError} /> <Paper sx={{ borderRadius: 1, boxShadow: 2 }}>
</Paper> <SettingSystem onError={onError} />
</Paper>
</Grid>
<Paper sx={{ borderRadius: 1, boxShadow: 2 }}> <Grid item xs={12} md={6}>
<SettingVerge onError={onError} /> <Paper sx={{ borderRadius: 1, boxShadow: 2 }}>
</Paper> <SettingVerge onError={onError} />
</Paper>
</Grid>
</Grid>
</BasePage> </BasePage>
); );
}; };