fix: badge outline style (#32)

* fix: badge outline style * fix: header shrinking in flexbox
cinnyapp · Feb 4, 2024 · 86d9b0f · 86d9b0f
1 parent c188947
commit 86d9b0f
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/components/badge/Badge.css.ts b/src/components/badge/Badge.css.ts
@@ -71,21 +71,25 @@ export const Badge = recipe({
         backgroundColor: Main,
         color: OnMain,
         borderColor: MainLine,
+        outlineColor: MainLine,
       },
       Soft: {
         backgroundColor: Container,
         color: OnContainer,
         borderColor: ContainerLine,
+        outlineColor: ContainerLine,
       },
       None: {
         backgroundColor: "inherit",
         color: Main,
         borderColor: Main,
+        outlineColor: Main,
       },
     },
     outlined: {
       true: {
-        borderWidth: config.borderWidth.B300,
+        outlineWidth: config.borderWidth.B300,
+        outlineStyle: "solid",
       },
     },
     radii: RadiiVariant,

diff --git a/src/components/header/Header.css.ts b/src/components/header/Header.css.ts
@@ -17,6 +17,7 @@ export const Header = recipe({
     {
       display: "flex",
       alignItems: "center",
+      flexShrink: 0,
     },
   ],
   variants: {