shkong/clash-verge-rev
1
0
Fork 0
mirror of https://github.com/clash-verge-rev/clash-verge-rev synced 2025-05-05 04:43:44 +08:00
Code Packages Projects Releases Activity

fix: fontSize and some styles

Browse Source
This commit is contained in:
MystiPanda 2024-03-10 00:22:22 +08:00
parent 6174aa6ee1
commit c69978c9fd
2 changed files with 6 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -66,19 +66,15 @@ export const ProxyItemMini = (props: Props) => {
"&:hover .the-check": { display: !showDelay ? "block" : "none" }, "&:hover .the-check": { display: !showDelay ? "block" : "none" },
"&:hover .the-delay": { display: showDelay ? "block" : "none" }, "&:hover .the-delay": { display: showDelay ? "block" : "none" },
"&:hover .the-icon": { display: "none" }, "&:hover .the-icon": { display: "none" },
"&:hover ": { "&.Mui-selected": {
width: `calc(100% + 3px)`,
marginLeft: `-3px`,
borderLeft: `3px solid ${selectColor}`,
bgcolor: bgcolor:
mode === "light" mode === "light"
? alpha(primary.main, 0.15) ? alpha(primary.main, 0.15)
: alpha(primary.main, 0.35), : alpha(primary.main, 0.35),
}, },
"&.Mui-selected": {
width: `calc(100% + 3px)`,
marginLeft: `-3px`,
borderLeft: `3px solid ${selectColor}`,
bgcolor,
},
// "&.Mui-selected .MuiListItemText-secondary": { color },
backgroundColor: bgcolor, backgroundColor: bgcolor,
}; };
}, },
@ -95,8 +91,6 @@ export const ProxyItemMini = (props: Props) => {
wordBreak: "break-all", wordBreak: "break-all",
overflow: "hidden", overflow: "hidden",
whiteSpace: "nowrap", whiteSpace: "nowrap",
fontSize: "13px",
fontWeight: "700",
}} }}
> >
{proxy.name} {proxy.name}
@ -122,8 +116,6 @@ export const ProxyItemMini = (props: Props) => {
wordBreak: "break-all", wordBreak: "break-all",
overflow: "hidden", overflow: "hidden",
whiteSpace: "nowrap", whiteSpace: "nowrap",
fontSize: "11px",
fontWeight: "700",
marginRight: "8px", marginRight: "8px",
}} }}
> >
@ -219,12 +211,3 @@ const TypeBox = styled(Box)(({ theme: { palette, typography } }) => ({
padding: "0 4px", padding: "0 4px",
lineHeight: 1.5, lineHeight: 1.5,
})); }));
const TypeTypo = styled(Box)(({ theme: { palette, typography } }) => ({
display: "inline-block",
fontSize: 10,
fontFamily: typography.fontFamily,
marginRight: "4px",
padding: "0 2px",
lineHeight: 1.25,
}));

8
src/components/proxy/proxy-item.tsx
View File

@ -87,17 +87,13 @@ export const ProxyItem = (props: Props) => {
"&:hover .the-check": { display: !showDelay ? "block" : "none" }, "&:hover .the-check": { display: !showDelay ? "block" : "none" },
"&:hover .the-delay": { display: showDelay ? "block" : "none" }, "&:hover .the-delay": { display: showDelay ? "block" : "none" },
"&:hover .the-icon": { display: "none" }, "&:hover .the-icon": { display: "none" },
"&:hover ": { "&.Mui-selected": {
borderLeft: `3px solid ${selectColor}`,
bgcolor: bgcolor:
mode === "light" mode === "light"
? alpha(primary.main, 0.15) ? alpha(primary.main, 0.15)
: alpha(primary.main, 0.35), : alpha(primary.main, 0.35),
}, },
"&.Mui-selected": {
borderLeft: `3px solid ${selectColor}`,
bgcolor,
},
// "&.Mui-selected .MuiListItemText-secondary": { bgcolor },
backgroundColor: bgcolor, backgroundColor: bgcolor,
marginBottom: "8px", marginBottom: "8px",
height: "40px", height: "40px",