fix: top item no padding

LibNyanpasu · Mar 31, 2024 · 9c0a95d · 9c0a95d
1 parent 5674788
commit 9c0a95d
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 4 deletions.
diff --git a/src/components/log/log-item.tsx b/src/components/log/log-item.tsx
@@ -40,11 +40,12 @@ const Item = styled(Box)(({ theme: { palette, typography } }) => ({
 
 interface Props {
   value: ILogItem;
+  index: number;
 }
 
 const LogItem = (props: Props) => {
   const theme = useTheme();
-  const { value } = props;
+  const { value, index } = props;
   const [payload, setPayload] = useState(value.payload);
   useEffect(() => {
     formatAnsi(value.payload).then((res) => {
@@ -57,6 +58,7 @@ const LogItem = (props: Props) => {
       sx={{
         ml: 3.5,
         mr: 3.5,
+        pt: index === 0 ? 8 : 0,
       }}
     >
       <div>

diff --git a/src/components/rule/rule-item.tsx b/src/components/rule/rule-item.tsx
@@ -38,14 +38,15 @@ const RuleItem = (props: Props) => {
       sx={{
         pl: 3.5,
         pr: 3.5,
+        pt: index === 0 ? 8 : 0,
       }}
     >
       <Typography
         color="text.secondary"
         variant="body2"
         sx={{ lineHeight: 2, minWidth: 30, mr: 2.25, textAlign: "center" }}
       >
-        {index}
+        {index + 1}
       </Typography>
 
       <Box sx={{ userSelect: "text" }}>

diff --git a/src/pages/logs.tsx b/src/pages/logs.tsx
@@ -137,7 +137,9 @@ export default function LogPage() {
           <Virtuoso
             initialTopMostItemIndex={999}
             data={filterLogs}
-            itemContent={(index, item) => <LogItem value={item} />}
+            itemContent={(index, item) => (
+              <LogItem index={index} value={item} />
+            )}
             followOutput={"smooth"}
             overscan={900}
           />

diff --git a/src/pages/rules.tsx b/src/pages/rules.tsx
@@ -59,7 +59,7 @@ export default function RulesPage() {
           <Virtuoso
             data={rules}
             itemContent={(index, item) => (
-              <RuleItem index={index + 1} value={item} />
+              <RuleItem index={index} value={item} />
             )}
             followOutput={"smooth"}
             overscan={900}