From 7cf8fd800fbbc9c9333af414792ac10d0b5cfd6a Mon Sep 17 00:00:00 2001
From: GyDi <segydi@foxmail.com>
Date: Wed, 22 Dec 2021 02:11:31 +0800
Subject: [PATCH] feat: use paper for list bg

---
 src/components/setting-clash.tsx |  2 +-
 src/components/setting-verge.tsx |  2 +-
 src/pages/proxy.tsx              | 14 ++++++++------
 src/pages/setting.tsx            | 10 +++++++---
 4 files changed, 17 insertions(+), 11 deletions(-)

diff --git a/src/components/setting-clash.tsx b/src/components/setting-clash.tsx
index 6b582d2..72092c7 100644
--- 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
index fa4794b..ccfecdc 100644
--- 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
index c0d8e58..defaa07 100644
--- 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
index c15bc08..6b3dfaf 100644
--- 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>
   );
 };
-- 
GitLab