feat: use paper for list bg

2021-12-22 02:11:31 +08:00
parent 1a51062aa1
commit 7cf8fd800f
4 changed files with 17 additions and 11 deletions
--- a/src/pages/setting.tsx
+++ b/src/pages/setting.tsx
@@ -1,4 +1,4 @@
-import { Box, Typography } from "@mui/material";
+import { Box, Paper, Typography } from "@mui/material";
 import SettingVerge from "../components/setting-verge";
 import SettingClash from "../components/setting-clash";

@@ -9,9 +9,13 @@ const SettingPage = () => {
        Setting
      </Typography>

-      <SettingVerge />
+      <Paper sx={{ borderRadius: 1, boxShadow: 2 }}>
+        <SettingVerge />
+      </Paper>

-      <SettingClash />
+      <Paper sx={{ borderRadius: 1, boxShadow: 2, mt: 3 }}>
+        <SettingClash />
+      </Paper>
    </Box>
  );
 };