From 5d0ffbe4539733aa97f439ec056882f201ec1463 Mon Sep 17 00:00:00 2001
From: GyDi <segydi@foxmail.com>
Date: Wed, 23 Mar 2022 13:58:57 +0800
Subject: [PATCH] chore: adjust style

---
 src/components/connection/connection-item.tsx | 11 +++++++----
 src/components/log/log-item.tsx               |  2 ++
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/components/connection/connection-item.tsx b/src/components/connection/connection-item.tsx
index 088ef55..e6379df 100644
--- a/src/components/connection/connection-item.tsx
+++ b/src/components/connection/connection-item.tsx
@@ -1,11 +1,11 @@
 import dayjs from "dayjs";
 import { useLockFn } from "ahooks";
-import { styled, Box, ListItem, IconButton, ListItemText } from "@mui/material";
+import { styled, ListItem, IconButton, ListItemText } from "@mui/material";
 import { CloseRounded } from "@mui/icons-material";
 import { ApiType } from "../../services/types";
 import { deleteConnection } from "../../services/api";
 
-const Tag = styled(Box)(({ theme }) => ({
+const Tag = styled("span")(({ theme }) => ({
   display: "inline-block",
   fontSize: "12px",
   padding: "0 4px",
@@ -37,16 +37,19 @@ const ConnectionItem = (props: Props) => {
       <ListItemText
         primary={value.metadata.host || value.metadata.destinationIP}
         secondary={
-          <Box>
+          <>
             <Tag sx={{ textTransform: "uppercase", color: "success" }}>
               {value.metadata.network}
             </Tag>
+
             <Tag>{value.metadata.type}</Tag>
+
             {value.chains.length > 0 && (
               <Tag>{value.chains[value.chains.length - 1]}</Tag>
             )}
+
             <Tag>{dayjs(value.start).fromNow()}</Tag>
-          </Box>
+          </>
         }
       />
     </ListItem>
diff --git a/src/components/log/log-item.tsx b/src/components/log/log-item.tsx
index 8fd17fc..9d99c8c 100644
--- a/src/components/log/log-item.tsx
+++ b/src/components/log/log-item.tsx
@@ -6,6 +6,8 @@ const Item = styled(Box)(({ theme }) => ({
   margin: "0 12px",
   lineHeight: 1.35,
   borderBottom: `1px solid ${theme.palette.divider}`,
+  fontSize: "0.875rem",
+  userSelect: "text",
   "& .time": {},
   "& .type": {
     display: "inline-block",