[#x] 로그인, 회원가입 레이아웃 조정

src/app/(auth)/_components/simple-signUpIn.tsx

@@ -14,7 +14,7 @@ const SimpleSignUpIn = () => {
 
   return (
     <>
-      <div className="mb-4 mt-12 flex w-full items-center gap-4">
+      <div className="my-8 flex w-full items-center gap-4">
         <div className="h-px flex-1 bg-gray-300"></div>
         <span className="text-gray-800">OR</span>
         <div className="h-px flex-1 bg-gray-300"></div>

src/app/(auth)/layout.tsx

@@ -2,7 +2,7 @@ import React, { ReactNode } from "react";
 
 const layout = ({ children }: { children: ReactNode }) => {
   return (
-    <div className="min-h-screen px-4 py-[33px] tablet:px-[61px] tablet:py-[120px]">
+    <div className="min-h-screen px-2 py-[33px] tablet:px-[61px] tablet:py-[120px]">
       {children}
     </div>
   );

src/app/(auth)/signup/page.tsx

@@ -13,9 +13,13 @@ import { useSignupQuery } from "@/hooks/auth/use-signup-query";
 import type { SignupRequest } from "@/api/auth/signup-action";
 import SimpleSignUpIn from "../_components/simple-signUpIn";
 import { hasProfanity } from "@/utils/profanityFilter";
+import { useRouter } from "next/navigation";
 
 const Page = () => {
+  const router = useRouter();
   const [showPassword, setShowPassword] = useState(false);
+  const [showPassword2, setShowPassword2] = useState(false);
+
   const {
     register,
     formState: { errors, isValid },
@@ -137,21 +141,21 @@ const Page = () => {
             <label htmlFor="passwordConfirmation">비밀번호 확인</label>
             <TextInput
               id="passwordConfirmation"
-              type={showPassword ? "text" : "password"}
+              type={showPassword2 ? "text" : "password"}
               placeholder="비밀번호를 다시 한 번 입력하세요."
               errorMessage={errors.passwordConfirmation?.message}
               rightIconClassName="pr-2"
               autoComplete="new-password"
               aria-invalid={!!errors.passwordConfirmation}
               rightIcon={
                 <Button
-                  aria-label={showPassword ? "show password" : "hide password"}
+                  aria-label={showPassword2 ? "show password" : "hide password"}
                   type="button"
                   variant="none"
-                  onClick={() => setShowPassword(!showPassword)}
+                  onClick={() => setShowPassword2(!showPassword2)}
                 >
                   <Icon
-                    icon={showPassword ? "visible" : "invisible"}
+                    icon={showPassword2 ? "visible" : "invisible"}
                     className="h-6 w-6 text-gray-800"
                   />
                 </Button>
@@ -164,6 +168,19 @@ const Page = () => {
               })}
             />
           </div>
+          <div className="flex cursor-pointer justify-end text-lg text-blue-200 underline hover:text-blue-100">
+            <Button
+              type="button"
+              onClick={() => {
+                router.push("/signin");
+              }}
+              variant="none"
+              aria-label="Forget Password?"
+              className="font-medium"
+            >
+              계정이 이미 있으신가요?
+            </Button>
+          </div>
           <Button
             className="mt-4"
             type="submit"