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

chore: Adjust styles

Browse Source
This commit is contained in:
MystiPanda 2024-03-10 13:19:28 +08:00
parent d3bcf25ef0
commit c65b280020
3 changed files with 10 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -11,7 +11,6 @@ import {
styled, styled,
SxProps, SxProps,
Theme, Theme,
Typography,
} from "@mui/material"; } from "@mui/material";
import { BaseLoading } from "@/components/base"; import { BaseLoading } from "@/components/base";
import delayManager from "@/services/delay"; import delayManager from "@/services/delay";
@ -88,6 +87,8 @@ export const ProxyItem = (props: Props) => {
"&:hover .the-delay": { display: showDelay ? "block" : "none" }, "&:hover .the-delay": { display: showDelay ? "block" : "none" },
"&:hover .the-icon": { display: "none" }, "&:hover .the-icon": { display: "none" },
"&.Mui-selected": { "&.Mui-selected": {
width: `calc(100% + 3px)`,
marginLeft: `-3px`,
borderLeft: `3px solid ${selectColor}`, borderLeft: `3px solid ${selectColor}`,
bgcolor: bgcolor:
mode === "light" mode === "light"
@ -105,17 +106,17 @@ export const ProxyItem = (props: Props) => {
title={proxy.name} title={proxy.name}
secondary={ secondary={
<> <>
<span <Box
style={{ sx={{
display: "inline-block",
marginRight: "8px", marginRight: "8px",
fontSize: "13px", fontSize: "14px",
color: "text.primary", color: "text.primary",
fontWeight: "700",
}} }}
> >
{proxy.name} {proxy.name}
{showType && proxy.now && ` - ${proxy.now}`} {showType && proxy.now && ` - ${proxy.now}`}
</span> </Box>
{showType && !!proxy.provider && ( {showType && !!proxy.provider && (
<TypeBox component="span">{proxy.provider}</TypeBox> <TypeBox component="span">{proxy.provider}</TypeBox>
)} )}

2
src/components/proxy/proxy-render.tsx
View File

@ -129,7 +129,7 @@ export const ProxyRender = (props: RenderProps) => {
proxy={proxy!} proxy={proxy!}
selected={group.now === proxy?.name} selected={group.now === proxy?.name}
showType={headState?.showType} showType={headState?.showType}
sx={{ py: 0, pl: 1 }} sx={{ py: 0, pl: 2 }}
onClick={() => onChangeProxy(group, proxy!)} onClick={() => onChangeProxy(group, proxy!)}
/> />
); );

4
src/pages/_theme.tsx
View File

@ -6,7 +6,7 @@ export const defaultTheme = {
primary_color: "#007AFF", primary_color: "#007AFF",
secondary_color: "#FFCC00", secondary_color: "#FFCC00",
primary_text: "#000000", primary_text: "#000000",
secondary_text: "rgba(60, 60, 67, 0.60)", secondary_text: "#3c3c4399",
info_color: "#007AFF", info_color: "#007AFF",
error_color: "#FF3B30", error_color: "#FF3B30",
warning_color: "#FF9500", warning_color: "#FF9500",
@ -24,7 +24,7 @@ export const defaultDarkTheme = {
secondary_color: "#FF9F0A", secondary_color: "#FF9F0A",
primary_text: "#ffffff", primary_text: "#ffffff",
background_color: "#2e303d", background_color: "#2e303d",
secondary_text: "rgba(235, 235, 245, 0.60)", secondary_text: "#ebebf599",
info_color: "#0A84FF", info_color: "#0A84FF",
error_color: "#FF453A", error_color: "#FF453A",
warning_color: "#FF9F0A", warning_color: "#FF9F0A",