diff --git a/src/components/user/authForm/AuthForm.tsx b/src/components/user/authForm/AuthForm.tsx index da770c4c..3119ad93 100644 --- a/src/components/user/authForm/AuthForm.tsx +++ b/src/components/user/authForm/AuthForm.tsx @@ -12,7 +12,7 @@ export default function AuthForm({ children, onSubmit }: AuthFormProps) { Welcome to our site!
Grow Up your Life with us. -
{children}
+
{children}
); } diff --git a/src/components/user/authForm/FooterLinks.tsx b/src/components/user/authForm/FooterLinks.tsx index 6c5f600f..170301d3 100644 --- a/src/components/user/authForm/FooterLinks.tsx +++ b/src/components/user/authForm/FooterLinks.tsx @@ -12,15 +12,11 @@ export default function FooterLinks({ type }: FooterLinksProps) { case 'signIn': return ( <> -

|

- @@ -28,15 +24,11 @@ export default function FooterLinks({ type }: FooterLinksProps) { case 'searchId': return ( <> -

|

- @@ -44,11 +36,11 @@ export default function FooterLinks({ type }: FooterLinksProps) { case 'searchPassword': return ( <> -

|

- diff --git a/src/globals.css b/src/globals.css index 5f16f724..1920345a 100644 --- a/src/globals.css +++ b/src/globals.css @@ -87,11 +87,20 @@ @apply absolute left-0 top-0 block h-30 w-3 bg-main content-['']; } + /* Auth Styles */ + .auth-form-section { + @apply flex flex-grow flex-col justify-center gap-8; + } + .auth-btn { - @apply flex h-30 items-center justify-center rounded-lg bg-sub px-8 font-bold; + @apply flex h-30 cursor-pointer items-center justify-center rounded-lg bg-sub px-8 font-bold shadow-md; + } + + .inherit-btn { + @apply cursor-pointer bg-inherit font-bold; } - .auth-input { - @apply h-30 flex-grow rounded-lg border border-input px-8 text-sm outline-none placeholder:text-emphasis; + .centered-flex-col { + @apply flex flex-col text-center; } } diff --git a/src/pages/user/SearchIdPage.tsx b/src/pages/user/SearchIdPage.tsx index 8256e823..e9551ed6 100644 --- a/src/pages/user/SearchIdPage.tsx +++ b/src/pages/user/SearchIdPage.tsx @@ -24,7 +24,7 @@ export default function SearchIdPage() { return ( -
+
{/* 이메일 */} -
+
diff --git a/src/pages/user/SearchPasswordPage.tsx b/src/pages/user/SearchPasswordPage.tsx index 9b57a353..34f6747a 100644 --- a/src/pages/user/SearchPasswordPage.tsx +++ b/src/pages/user/SearchPasswordPage.tsx @@ -25,7 +25,7 @@ export default function SearchPasswordPage() { return ( -
+
{/* 아이디 */} -
+
diff --git a/src/pages/user/SignInPage.tsx b/src/pages/user/SignInPage.tsx index 51499b83..f274eaa8 100644 --- a/src/pages/user/SignInPage.tsx +++ b/src/pages/user/SignInPage.tsx @@ -26,7 +26,7 @@ export default function SignInPage() { return ( -
+
{/* 이메일(아이디) */} -
+
@@ -51,7 +51,7 @@ export default function SignInPage() {
-
+