feat: use paper for list bg

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>

src/components/setting-verge.tsx

@@ -31,7 +31,7 @@ const SettingVerge = ({ onError }: Props) => {
   };
 
   return (
-    <List sx={{ borderRadius: 1, boxShadow: 2 }}>
+    <List>
       <ListSubheader>通用设置</ListSubheader>
 
       <SettingItem>

src/pages/proxy.tsx

 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>
   );

src/pages/setting.tsx

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