Style buttons

HausDAO · Dec 22, 2024 · f6d65bd · f6d65bd
1 parent 0afdb16
commit f6d65bd
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/src/app/globals.css b/src/app/globals.css
@@ -15,8 +15,8 @@
     --secondary-foreground: 0 0% 98%;
     --muted: 225 9.1% 65.5%;
     --muted-foreground: 225 9.1% 65.5%;
-    --destructive: 0 62.8% 30.6%;
-    --destructive-foreground: 0 0% 98%;
+    --destructive: 357 57% 55%;
+    --destructive-foreground: 197 100% 95%;
     --action: 300 33% 15%;
     --action-foreground: 189 100% 40%;
     --border: 240 2% 23%;

diff --git a/src/components/ui/button.tsx b/src/components/ui/button.tsx
@@ -5,12 +5,12 @@ import * as React from 'react';
 import { cn } from '@/lib/cn';
 
 const buttonVariants = cva(
-  'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-xl text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',
+  'inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-display uppercase transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',
   {
     variants: {
       variant: {
         default:
-          'bg-primary text-primary-foreground shadow hover:bg-primary/90 text-lg font-semibold',
+          'bg-primary text-background shadow hover:bg-primary/90 text-lg font-semibold',
         destructive:
           'bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90',
         outline:
@@ -22,16 +22,16 @@ const buttonVariants = cva(
       },
       size: {
         default: 'h-12 px-4 py-2',
-        sm: 'h-8 rounded-xl px-3 text-xs',
-        lg: 'h-10 rounded-xl px-8',
+        sm: 'h-8 px-3 text-xs',
+        lg: 'h-10 px-8',
         icon: 'h-9 w-9',
       },
     },
     defaultVariants: {
       variant: 'default',
       size: 'default',
     },
-  },
+  }
 );
 
 export interface ButtonProps
@@ -50,7 +50,7 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
         {...props}
       />
     );
-  },
+  }
 );
 Button.displayName = 'Button';