🩹 fix container flex

tonightpass · Apr 2, 2023 · bd30326 · bd30326
1 parent 9ca6b7a
commit bd30326
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 3 deletions.
diff --git a/.changeset/proud-poets-tan.md b/.changeset/proud-poets-tan.md
@@ -0,0 +1,5 @@
+---
+"@tonightpass/kitchen": patch
+---
+
+Fix `Container` flex
diff --git a/.changeset/thick-games-sit.md b/.changeset/thick-games-sit.md
@@ -0,0 +1,5 @@
+---
+"@tonightpass/kitchen": minor
+---
+
+Add `Box` HOC
diff --git a/packages/kitchen/src/components/Container/index.tsx b/packages/kitchen/src/components/Container/index.tsx
@@ -36,11 +36,10 @@ const Container = styled(
   flex-direction: ${(props) =>
     (props.direction && props.direction[props.direction.length - 1]) ||
     (props.row ? "row" : "column")};
-  position: relative;
-  max-width: 100%;
-  flex: ${(props) => (props.flex !== undefined ? props.flex : 1)};
+  ${(props) => props.flex && `flex: ${props.flex};`}
   justify-content: ${(props) => props.justify || "flex-start"};
   align-items: ${(props) => props.align || "stretch"};
+
   ${(props) =>
     props.gap &&
     `gap: ${props.theme.gap[props.gap as keyof Gap] || `${props.gap}px`};`}