purgatory/clash-verge
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: adjust item ui

Browse Source
This commit is contained in:
GyDi 2022-11-23 15:29:42 +08:00
parent f477cecdeb
commit 790d832155
No known key found for this signature in database
GPG Key ID: 9C3AD40F1F99880A
2 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/log/log-item.tsx
View File

@ -10,7 +10,7 @@ const Item = styled(Box)(({ theme }) => ({
"& .time": {}, "& .time": {},
"& .type": { "& .type": {
display: "inline-block", display: "inline-block",
padding: "0 6px", marginLeft: 8,
textAlign: "center", textAlign: "center",
borderRadius: 2, borderRadius: 2,
textTransform: "uppercase", textTransform: "uppercase",
@ -28,9 +28,13 @@ const LogItem = (props: Props) => {
return ( return (
<Item> <Item>
<span className="time">{value.time}</span> <div>
<span className="type">{value.type}</span> <span className="time">{value.time}</span>
<span className="data">{value.payload}</span> <span className="type">{value.type}</span>
</div>
<div>
<span className="data">{value.payload}</span>
</div>
</Item> </Item>
); );
}; };

3
src/components/rule/rule-item.tsx
View File

@ -2,9 +2,8 @@ import { styled, Box, Typography } from "@mui/material";
const Item = styled(Box)(({ theme }) => ({ const Item = styled(Box)(({ theme }) => ({
display: "flex", display: "flex",
padding: "6px 16px", padding: "4px 16px",
color: theme.palette.text.primary, color: theme.palette.text.primary,
marginBottom: "6px",
})); }));
const COLOR = [ const COLOR = [