fix: do not set gap if space is evenly distributed (#81)

danbb1 · web-flow · commit d5feefdb76f2 · 2023-09-12T10:56:43.000-03:00
diff --git a/packages/backend/src/html/builderImpl/htmlAutoLayout.ts b/packages/backend/src/html/builderImpl/htmlAutoLayout.ts
@@ -30,7 +30,9 @@ const getAlignItems = (node: inferredAutoLayoutResult): string => {
 };
 
 const getGap = (node: inferredAutoLayoutResult): string | number =>
-  node.itemSpacing > 0 ? node.itemSpacing : "";
+  node.itemSpacing > 0 && node.primaryAxisAlignItems !== "SPACE_BETWEEN"
+    ? node.itemSpacing
+    : "";
 
 const getFlex = (
   node: SceneNode,
diff --git a/packages/backend/src/tailwind/builderImpl/tailwindAutoLayout.ts b/packages/backend/src/tailwind/builderImpl/tailwindAutoLayout.ts
@@ -30,7 +30,9 @@ const getAlignItems = (node: inferredAutoLayoutResult): string => {
 };
 
 const getGap = (node: inferredAutoLayoutResult): string =>
-  node.itemSpacing > 0 ? `gap-${pxToLayoutSize(node.itemSpacing)}` : "";
+  node.itemSpacing > 0 && node.primaryAxisAlignItems !== "SPACE_BETWEEN"
+    ? `gap-${pxToLayoutSize(node.itemSpacing)}`
+    : "";
 
 const getFlex = (
   node: SceneNode,
