feat: change button default size

ivalshamkya · Jan 29, 2024 · c3630ad · c3630ad
1 parent b47362d
commit c3630ad
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/src/components/neobruu/Accordion.tsx b/src/components/neobruu/Accordion.tsx
@@ -65,7 +65,7 @@ const Accordion: React.FC<AccordionProps> & {
 
         setContentHeights(updatedContentHeights);
         setContentStates(updatedContentStates);
-    }, [contentRefs, contentStates]);
+    }, [contentRefs]);
 
     const handleToggleContent = (key: string) => {
         setContentStates((prevContentStates) => {

diff --git a/src/components/neobruu/Button.tsx b/src/components/neobruu/Button.tsx
@@ -6,7 +6,7 @@ import { VariantProps, cva } from 'class-variance-authority'
 import { cn } from '@/lib/utils'
 
 const buttonVariants = cva(
-  'inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border-2 border-black shadow-[4px_4px_0px_0px_rgba(0,0,0,1)] transition-all active:translate-x-[3px] active:translate-y-[3px] active:shadow-none',
+  'inline-flex items-center justify-center gap-1 font-medium transition-colors border-2 border-black shadow-[4px_4px_0px_0px_rgba(0,0,0,1)] transition-all active:translate-x-[3px] active:translate-y-[3px] active:shadow-none',
   {
     variants: {
       variant: {
@@ -21,12 +21,12 @@ const buttonVariants = cva(
         yellow:
           'bg-[#f7cb46]',
         pink: 'bg-pink-500',
-        dark: 'bg-zinc-900'
+        dark: 'bg-zinc-900 text-white'
       },
       size: {
-        default: 'h-10 py-2 px-4',
-        sm: 'h-9 px-2 rounded-md',
-        lg: 'h-11 px-8 rounded-md',
+        default: 'h-10 py-2 px-4 text-sm md:text-lg',
+        sm: 'h-9 px-2 rounded-md text-sm md:text-lg',
+        lg: 'h-10 md:h-12 px-5 md:px-8 rounded-md text-sm md:text-lg',
       },
       rounded: {
         none: 'rounded-none',
@@ -39,7 +39,7 @@ const buttonVariants = cva(
     },
     defaultVariants: {
       variant: 'default',
-      size: 'default',
+      size: 'lg',
       rounded: 'none'
     },
   }