Austin/clash-verge-rev
1
0
Fork 0
mirror of https://github.com/clash-verge-rev/clash-verge-rev.git synced 2024-11-16 11:42:21 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: proxy item style

Browse Source
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
1 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/proxy/proxy-item-mini.tsx
View File

@ -45,7 +45,14 @@ export const ProxyItemMini = (props: Props) => {
selected={selected}
onClick={() => onClick?.(proxy.name)}
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 } }) => {
const bgcolor =
mode === "light"
@ -95,7 +102,7 @@ export const ProxyItemMini = (props: Props) => {
)}
</Box>
<Box sx={{ ml: 0.5, justifyContent: "flex-end", color: "primary.main" }}>
<Box sx={{ ml: 0.5, color: "primary.main" }}>
{delay === -2 && (
<Widget>
<BaseLoading />
@ -151,7 +158,7 @@ export const ProxyItemMini = (props: Props) => {
// 展示已选择的icon
<CheckCircleOutlineRounded
className="the-icon"
sx={{ fontSize: 16 }}
sx={{ fontSize: 16, mr: 0.5, display: "block" }}
/>
)}
</Box>