From b060b4b9bf567a35de78a0aa56b66af42b58ec79 Mon Sep 17 00:00:00 2001
From: keiko233 <keiko23333@gmail.com>
Date: Fri, 20 Oct 2023 10:05:03 +0800
Subject: [PATCH] feat: settings use Grid layout

---
 src/pages/settings.tsx | 28 ++++++++++++++++++----------
 1 file changed, 18 insertions(+), 10 deletions(-)

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