From c3630ad13c36919350a7a15efe75e2a826239892 Mon Sep 17 00:00:00 2001
From: ivalshamkya <ivalshamkya@gmail.com>
Date: Mon, 29 Jan 2024 23:25:52 +0800
Subject: [PATCH] feat: change button default size

---
 src/components/neobruu/Accordion.tsx |  2 +-
 src/components/neobruu/Button.tsx    | 12 ++++++------
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/neobruu/Accordion.tsx b/src/components/neobruu/Accordion.tsx
index de7dbdc..5df085d 100644
--- 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
index 0f0f87d..a57afa5 100644
--- 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'
     },
   }