fix: set ghost button background color transparent

wanted-fork-fork · Nov 25, 2024 · 56acf10 · 56acf10
1 parent f99f942
commit 56acf10
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/src/shared/ui/Button/Button.module.css b/src/shared/ui/Button/Button.module.css
@@ -38,11 +38,16 @@
 
 .Variant_Ghost_Neutral {
     color: var(--color-neutral-900);
+    background-color: transparent;
 }
 
 .Button:disabled {
     color: var(--color-neutral-300);
     background-color: var(--color-neutral-200);
+
+    &.Variant_Ghost {
+        background-color: transparent;
+    }
 }
 
 .Disabled_Ghost {
@@ -100,8 +105,4 @@
 
 .Center {
     flex-grow: 1;
-
-    display: flex;
-    justify-content: center;
-    align-items: center;
 }
diff --git a/src/shared/ui/Button/Button.tsx b/src/shared/ui/Button/Button.tsx
@@ -7,7 +7,7 @@ const buttonStyle = cva(styles.Button, {
     widthType: { fill: styles.WidthType_Fill, hug: styles.WidthType_Hug },
     textAlign: { left: styles.TextAlign_Left, center: styles.TextAlign_Center, right: styles.TextAlign_Right },
     size: { M: styles.Size_M, S: styles.Size_S, fit: styles.Size_Fit },
-    variant: { filled: '', outline: '', ghost: '' },
+    variant: { filled: '', outline: '', ghost: styles.Variant_Ghost },
     color: { primary: '', neutral: '' },
   },
   compoundVariants: [