button (#3351)

manifoldmarkets · Jan 14, 2025 · 27af447 · 27af447
1 parent 992c87a
commit 27af447
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/mani/components/buttons/button.tsx b/mani/components/buttons/button.tsx
@@ -100,13 +100,15 @@ export function Button({
     switch (variant) {
       case 'yes':
         return {
-          background: color.yesButtonBackground,
-          text: color.yesButtonText,
+          background:
+            size === 'lg' ? color.yesButtonText : color.yesButtonBackground,
+          text: size === 'lg' ? color.background : color.yesButtonText,
         }
       case 'no':
         return {
-          background: color.noButtonBackground,
-          text: color.noButtonText,
+          background:
+            size === 'lg' ? color.noButtonText : color.noButtonBackground,
+          text: size === 'lg' ? color.background : color.noButtonText,
         }
       case 'gray':
         return {

diff --git a/mani/components/buttons/yes-no-buttons.tsx b/mani/components/buttons/yes-no-buttons.tsx
@@ -1,7 +1,7 @@
 import { Button, ButtonProps } from './button'
 
 const getWidth = (size?: ButtonProps['size']) => {
-  return size === 'xs' ? 44 : undefined
+  return size === 'xs' ? 46 : undefined
 }
 
 export function YesNoButton(props: ButtonProps) {