diff --git a/src/components/setting-clash.tsx b/src/components/setting-clash.tsx index 6b582d225e924d90ea8e0b34208001a56b17dc49..72092c74ae017953bbd1c08696d70d694174686e 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 fa4794b0f1f1befe75fd626e07dec2d8428b1b0c..ccfecdc50246d49cc46b51d5c8ff891aaf06accd 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 c0d8e58f3484f708695662a5b6b8d92b1bd64538..defaa07bd1b9380823f9730119651f8ebcbe3292 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 c15bc085da5cd3f2b4543ed58da02fd0ce8374ef..6b3dfaf0ed246d513112952d2268587120f514fd 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> ); };