fix: modal and button component uncertain styles (#33)

* fix: flex height modal child unable to pick it's height * fix: button overflow it's parent
cinnyapp · Mar 25, 2024 · 62417b9 · 62417b9
1 parent d966bd3
commit 62417b9
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/src/components/button/Button.css.ts b/src/components/button/Button.css.ts
@@ -42,6 +42,8 @@ export const Button = recipe({
   base: [
     DefaultReset,
     {
+      minWidth: 0,
+      maxWidth: "100%",
       display: "inline-flex",
       alignItems: "center",
       justifyContent: "center",

diff --git a/src/components/modal/Modal.css.ts b/src/components/modal/Modal.css.ts
@@ -28,6 +28,8 @@ export const Modal = recipe({
       boxShadow: config.shadow.E300,
       width: "100%",
       height: "100%",
+      display: "flex",
+      flexDirection: "column",
       overflow: "hidden",
       animation: `${ModalOpenAnime} 200ms`,
     },