fix(space): remove last element margin (#713)

Co-authored-by: Alexander Yatsenko <reme3d2y@gmail.com>
core-ds · Jun 28, 2021 · bc36cf7 · bc36cf7
1 parent a6749a1
commit bc36cf7
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 6 deletions.
diff --git a/packages/space/src/Item.tsx b/packages/space/src/Item.tsx
@@ -29,12 +29,12 @@ const Item = (props: ItemProps) => {
     let style: React.CSSProperties = {};
 
     if (direction === 'vertical') {
-        if (index < length) {
+        if (index < length - 1) {
             style = { marginBottom: horizontalSize / (divider ? 2 : 1) };
         }
     } else {
         style = {
-            ...(index < length && { marginRight: horizontalSize / (divider ? 2 : 1) }),
+            ...(index < length - 1 && { marginRight: horizontalSize / (divider ? 2 : 1) }),
             ...(wrap && { paddingBottom: verticalSize }),
         };
     }

diff --git a/packages/space/src/__snapshots__/Component.test.tsx.snap b/packages/space/src/__snapshots__/Component.test.tsx.snap
@@ -10,7 +10,6 @@ Object {
       >
         <div
           class="spaceItem"
-          style="margin-bottom: 16px;"
         >
           <div
             class="cardImage rounded"
@@ -35,7 +34,6 @@ Object {
     >
       <div
         class="spaceItem"
-        style="margin-bottom: 16px;"
       >
         <div
           class="cardImage rounded"
@@ -123,7 +121,6 @@ Object {
         </div>
         <div
           class="spaceItem"
-          style="margin-bottom: 16px;"
         />
       </div>
     </div>
@@ -140,7 +137,6 @@ Object {
       </div>
       <div
         class="spaceItem"
-        style="margin-bottom: 16px;"
       />
     </div>
   </div>,