adjust gap, padding and margin of the tile container

saleor · Nov 25, 2024 · 919ebe4 · 919ebe4
1 parent 157f9fd
commit 919ebe4
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/newHome/homeInfoTiles/HomeInfoTile.tsx b/src/newHome/homeInfoTiles/HomeInfoTile.tsx
@@ -15,11 +15,11 @@ export const HomeInfoTile: React.FC<InfoTile> = ({ id, bottomActions, content, h
     borderColor="default1"
     borderRadius={3}
     borderWidth={1}
-    margin={4}
     display="flex"
     flexDirection="column"
     gap={4}
     key={id}
+    margin={0}
   >
     <DashboardCard.Header>
       <DashboardCard.Title display="flex" alignItems="center" gap={3}>

diff --git a/src/newHome/homeInfoTiles/TilesContainer.tsx b/src/newHome/homeInfoTiles/TilesContainer.tsx
@@ -17,7 +17,9 @@ export const HomeTilesContainer: React.FC = () => {
         mobile: 1,
         desktop: 2,
       }}
-      padding={2}
+      gap={6}
+      marginTop={6}
+      marginRight={6}
     >
       {tiles.map(tile => (
         <HomeInfoTile key={tile.id} {...tile} />