From 18f789c980662685f5ec46ab76f4d8043e5fffde Mon Sep 17 00:00:00 2001
From: goodmice <hamel2517@gmail.com>
Date: Thu, 10 Nov 2022 21:52:09 +0500
Subject: [PATCH] =?UTF-8?q?=D0=A1=D1=82=D0=B8=D0=BB=D0=B8=20=D1=81=D0=B5?=
 =?UTF-8?q?=D1=82=D0=BE=D0=BA=20=D0=B8=D1=81=D0=BF=D1=80=D0=B0=D0=B2=D0=BB?=
 =?UTF-8?q?=D0=B5=D0=BD=D1=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Grid.tsx | 5 ++---
 src/styles/index.css    | 4 ++++
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/Grid.tsx b/src/components/Grid.tsx
index 81783ab..ff38f20 100755
--- a/src/components/Grid.tsx
+++ b/src/components/Grid.tsx
@@ -22,7 +22,7 @@ export const Grid = memo<ComponentProps>(({ children, style, ...other }) => (
   </div>
 ))
 
-export const GridItem = memo<GridItemProps>(({ children, row, col, rowSpan, colSpan, style, ...other }) => {
+export const GridItem = memo<GridItemProps>(({ children, row, col, rowSpan, colSpan, style, className, ...other }) => {
   const localRow = +row
   const localCol = +col
   const localColSpan = colSpan ? colSpan - 1 : 0
@@ -32,12 +32,11 @@ export const GridItem = memo<GridItemProps>(({ children, row, col, rowSpan, colS
     gridColumnEnd: localCol + localColSpan,
     gridRowStart: localRow,
     gridRowEnd: localRow + localRowSpan,
-    padding: '4px',
     ...style,
   }
 
   return (
-    <div style={gridItemStyle} {...other}>
+    <div className={`asb-grid-item ${className || ''}`} style={gridItemStyle} {...other}>
       {children}
     </div>
   )
diff --git a/src/styles/index.css b/src/styles/index.css
index 53d4e5d..c2367c8 100755
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -153,4 +153,8 @@ code {
 
 .color-pale-green {
     background-color: #98fb98;
+}
+
+.asb-grid-item {
+    padding: 4px;
 }
\ No newline at end of file