fix: add disabled styles for outlined button (#77)

babylonlabs-io · Dec 25, 2024 · cf18f32 · cf18f32
1 parent 45cdf89
commit cf18f32
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/fifty-stingrays-sin.md b/.changeset/fifty-stingrays-sin.md
@@ -0,0 +1,5 @@
+---
+"@babylonlabs-io/bbn-core-ui": patch
+---
+
+add disabled styles for outlined button
diff --git a/src/components/Button/Button.css b/src/components/Button/Button.css
@@ -17,11 +17,11 @@
 
   &-outlined {
     &.bbn-btn-primary {
-      @apply border border-primary-light text-primary-main hover:border-primary hover:bg-primary/10;
+      @apply border border-primary-light text-primary-main hover:border-primary hover:bg-primary/10 disabled:border-primary/12 disabled:bg-transparent disabled:text-primary/24;
     }
 
     &.bbn-btn-secondary {
-      @apply border border-secondary-main text-secondary-main hover:border-secondary-light hover:bg-secondary-light/10;
+      @apply border border-secondary-main text-secondary-main hover:border-secondary-light hover:bg-secondary-light/10 disabled:border-primary/12 disabled:bg-transparent disabled:text-primary/24;
     }
   }