root/clash-verge-rev
1
0
Fork 0
mirror of https://github.com/clash-verge-rev/clash-verge-rev.git synced 2026-01-29 08:45:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

Adjust styles

Browse Source
This commit is contained in:
MystiPanda
2024-03-10 11:12:54 +08:00
parent ed6e966b2f
commit b3e5288bde
11 changed files with 73 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/components/profile/profile-box.tsx
View File

@@ -21,23 +21,34 @@ export const ProfileBox = styled(Box)(
"dark-false": text.primary,
}[key]!;
const borderLeft = {
"light-true": `3px solid ${primary.main}`,
"light-false": "none",
"dark-true": `3px solid ${primary.main}`,
"dark-false": "none",
const borderSelect = {
"light-true": {
borderLeft: `3px solid ${primary.main}`,
width: `calc(100% + 3px)`,
marginLeft: `-3px`,
},
"light-false": {
width: "100%",
},
"dark-true": {
borderLeft: `3px solid ${primary.main}`,
width: `calc(100% + 3px)`,
marginLeft: `-3px`,
},
"dark-false": {
width: "100%",
},
}[key];
return {
position: "relative",
width: "100%",
display: "block",
cursor: "pointer",
textAlign: "left",
padding: "8px 16px",
boxSizing: "border-box",
backgroundColor,
borderLeft,
...borderSelect,
borderRadius: "8px",
color,
"& h2": { color: h2color },