feat: use paper for list bg

libnyanpasu · Dec 21, 2021 · 7cf8fd8 · 7cf8fd8
1 parent 1a51062
commit 7cf8fd8
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 11 deletions.
diff --git a/src/components/setting-clash.tsx b/src/components/setting-clash.tsx
@@ -40,7 +40,7 @@ const SettingClash = ({ onError }: Props) => {
   };
 
   return (
-    <List sx={{ borderRadius: 1, boxShadow: 2, mt: 3 }}>
+    <List>
       <ListSubheader>Clash设置</ListSubheader>
 
       <SettingItem>

diff --git a/src/components/setting-verge.tsx b/src/components/setting-verge.tsx
@@ -31,7 +31,7 @@ const SettingVerge = ({ onError }: Props) => {
   };
 
   return (
-    <List sx={{ borderRadius: 1, boxShadow: 2 }}>
+    <List>
       <ListSubheader>通用设置</ListSubheader>
 
       <SettingItem>

diff --git a/src/pages/proxy.tsx b/src/pages/proxy.tsx
@@ -1,5 +1,5 @@
 import useSWR from "swr";
-import { Box, List, Typography } from "@mui/material";
+import { Box, List, Paper, Typography } from "@mui/material";
 import services from "../services";
 import ProxyGroup from "../components/proxy-group";
 
@@ -14,11 +14,13 @@ const ProxyPage = () => {
       </Typography>
 
       {groups.length > 0 && (
-        <List sx={{ borderRadius: 1, boxShadow: 2 }}>
-          {groups.map((group) => (
-            <ProxyGroup key={group.name} group={group} />
-          ))}
-        </List>
+        <Paper sx={{ borderRadius: 1, boxShadow: 2 }}>
+          <List>
+            {groups.map((group) => (
+              <ProxyGroup key={group.name} group={group} />
+            ))}
+          </List>
+        </Paper>
       )}
     </Box>
   );

diff --git 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>
   );
 };