From 790d832155620edecc3de2ea9ce54d82f89039aa Mon Sep 17 00:00:00 2001
From: GyDi <zzzgydi@gmail.com>
Date: Wed, 23 Nov 2022 15:29:42 +0800
Subject: [PATCH] fix: adjust item ui
---
src/components/log/log-item.tsx | 12 ++++++++----
src/components/rule/rule-item.tsx | 3 +--
2 files changed, 9 insertions(+), 6 deletions(-)
diff --git a/src/components/log/log-item.tsx b/src/components/log/log-item.tsx
index c1086f6..ca66e00 100644
--- a/src/components/log/log-item.tsx
+++ b/src/components/log/log-item.tsx
@@ -10,7 +10,7 @@ const Item = styled(Box)(({ theme }) => ({
"& .time": {},
"& .type": {
display: "inline-block",
- padding: "0 6px",
+ marginLeft: 8,
textAlign: "center",
borderRadius: 2,
textTransform: "uppercase",
@@ -28,9 +28,13 @@ const LogItem = (props: Props) => {
return (
<Item>
- <span className="time">{value.time}</span>
- <span className="type">{value.type}</span>
- <span className="data">{value.payload}</span>
+ <div>
+ <span className="time">{value.time}</span>
+ <span className="type">{value.type}</span>
+ </div>
+ <div>
+ <span className="data">{value.payload}</span>
+ </div>
</Item>
);
};
diff --git a/src/components/rule/rule-item.tsx b/src/components/rule/rule-item.tsx
index 6e01e06..3c5de09 100644
--- a/src/components/rule/rule-item.tsx
+++ b/src/components/rule/rule-item.tsx
@@ -2,9 +2,8 @@ import { styled, Box, Typography } from "@mui/material";
const Item = styled(Box)(({ theme }) => ({
display: "flex",
- padding: "6px 16px",
+ padding: "4px 16px",
color: theme.palette.text.primary,
- marginBottom: "6px",
}));
const COLOR = [
--
GitLab