fix: proxy item style

This commit is contained in:
GyDi 2022-12-14 15:15:44 +08:00
parent 024db4358b
commit 6337788a22
No known key found for this signature in database
GPG Key ID: 9C3AD40F1F99880A

View File

@ -45,7 +45,14 @@ export const ProxyItemMini = (props: Props) => {
selected={selected} selected={selected}
onClick={() => onClick?.(proxy.name)} onClick={() => onClick?.(proxy.name)}
sx={[ sx={[
{ height: 56, borderRadius: 1, pl: 1.5, pr: 1 }, {
height: 56,
borderRadius: 1,
pl: 1.5,
pr: 1,
justifyContent: "space-between",
alignItems: "center",
},
({ palette: { mode, primary } }) => { ({ palette: { mode, primary } }) => {
const bgcolor = const bgcolor =
mode === "light" mode === "light"
@ -95,7 +102,7 @@ export const ProxyItemMini = (props: Props) => {
)} )}
</Box> </Box>
<Box sx={{ ml: 0.5, justifyContent: "flex-end", color: "primary.main" }}> <Box sx={{ ml: 0.5, color: "primary.main" }}>
{delay === -2 && ( {delay === -2 && (
<Widget> <Widget>
<BaseLoading /> <BaseLoading />
@ -151,7 +158,7 @@ export const ProxyItemMini = (props: Props) => {
// 展示已选择的icon // 展示已选择的icon
<CheckCircleOutlineRounded <CheckCircleOutlineRounded
className="the-icon" className="the-icon"
sx={{ fontSize: 16 }} sx={{ fontSize: 16, mr: 0.5, display: "block" }}
/> />
)} )}
</Box> </Box>