From fe47f6f3ffec2d234b2dad530b8e5ec5f39a5b04 Mon Sep 17 00:00:00 2001
From: rail <78732904+jongse7@users.noreply.github.com>
Date: Wed, 6 Nov 2024 17:00:57 +0900
Subject: [PATCH] =?UTF-8?q?style:=20GeneralRegister=20input,=20button=20?=
 =?UTF-8?q?=EA=B8=B8=EC=9D=B4=20=EC=A1=B0=EC=A0=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ui/button.tsx                         |  2 +-
 .../general/containers/GeneralRegisterSection.tsx    | 12 ++++++------
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/ui/button.tsx b/src/components/ui/button.tsx
index 4a364f1c..66af50f1 100644
--- a/src/components/ui/button.tsx
+++ b/src/components/ui/button.tsx
@@ -48,7 +48,7 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
   ({ className, variant, size, isDisabled = false, asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot : 'button';
     return (
-      <Comp className={cn(buttonVariants({ variant, size, className }))} ref={ref} disabled={isDisabled} {...props} />
+      <Comp className={cn(buttonVariants({ className, variant, size }))} ref={ref} disabled={isDisabled} {...props} />
     );
   }
 );
diff --git a/src/pages/general/containers/GeneralRegisterSection.tsx b/src/pages/general/containers/GeneralRegisterSection.tsx
index 09813c62..8a0de1ec 100644
--- a/src/pages/general/containers/GeneralRegisterSection.tsx
+++ b/src/pages/general/containers/GeneralRegisterSection.tsx
@@ -157,7 +157,7 @@ export function GeneralRegisterSection({ subSection1, buttonSection }: LoginForm
 
   return (
     <div className="flex min-h-screen items-center justify-center">
-      <div className="flex w-full max-w-md flex-col items-center p-4">
+      <div className="flex w-full max-w-md flex-col items-center justify-center p-4">
         <div className="pb-4 text-2xl font-bold not-italic leading-[normal] text-[rgb(0,0,0)]">{subSection1}</div>
         <form noValidate onSubmit={handleSubmit(onSubmit)}>
           {isScouncilPath ? (
@@ -165,7 +165,7 @@ export function GeneralRegisterSection({ subSection1, buttonSection }: LoginForm
               <Input
                 type="text"
                 placeholder="아이디"
-                className="w-[420px]"
+                className="w-[420px] xs:w-[250px] sm:w-[250px]"
                 {...register('accountId', {
                   required: '아이디는 필수 입력입니다.',
                 })}
@@ -180,7 +180,7 @@ export function GeneralRegisterSection({ subSection1, buttonSection }: LoginForm
               <Input
                 type="password"
                 placeholder="비밀번호"
-                className="mt-4"
+                className="mt-4 xs:w-[250px] sm:w-[250px]"
                 {...register('password', {
                   required: '비밀번호는 필수 입력입니다.',
                 })}
@@ -199,7 +199,7 @@ export function GeneralRegisterSection({ subSection1, buttonSection }: LoginForm
               <Input
                 type="text"
                 placeholder="이름"
-                className="w-[420px]"
+                className="w-[420px] xs:w-[250px] sm:w-[250px]"
                 {...register('name', {
                   required: '이름은 필수 입력입니다.',
                 })}
@@ -215,7 +215,7 @@ export function GeneralRegisterSection({ subSection1, buttonSection }: LoginForm
               <Input
                 type="text"
                 placeholder="학번"
-                className="mt-4"
+                className="mt-4 xs:w-[250px] sm:w-[250px]"
                 {...register('studentId', {
                   required: '학번은 필수 입력입니다.',
                 })}
@@ -296,7 +296,7 @@ export function GeneralRegisterSection({ subSection1, buttonSection }: LoginForm
             disabled={isSubmitting || isButtonDisabled}
             variant="default"
             size="default"
-            className={`mt-4 w-[420px] ${isSubmitting || isButtonDisabled ? 'bg-gray-400' : ''}`}
+            className={`mt-4 w-[420px] xs:w-[250px] sm:w-[250px] ${isSubmitting || isButtonDisabled ? 'bg-gray-400' : ''}`}
           >
             {buttonSection}
           </Button>