From c2e2d20f4a6633592dea4ebafc4529fa8dbe5dc9 Mon Sep 17 00:00:00 2001
From: devchaen <cogus1221@gmail.com>
Date: Sun, 21 Apr 2024 19:22:59 +0900
Subject: [PATCH] =?UTF-8?q?[ui]=20OptionalInfoPage=20=EC=9B=B9=20=ED=99=94?=
 =?UTF-8?q?=EB=A9=B4=20=EB=A0=88=EC=9D=B4=EC=95=84=EC=9B=83=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/features/OptionalInfo/OptionalInfoPage.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/features/OptionalInfo/OptionalInfoPage.tsx b/src/features/OptionalInfo/OptionalInfoPage.tsx
index 2f28c4b..16ef791 100644
--- a/src/features/OptionalInfo/OptionalInfoPage.tsx
+++ b/src/features/OptionalInfo/OptionalInfoPage.tsx
@@ -76,8 +76,8 @@ const OptionalInfoPage = () => {
   }, [errors]);
 
   return (
-    <div className="flex h-[calc(100dvh-80px)] flex-col items-center justify-center gap-6 overflow-y-scroll p-5 scrollbar-hide">
-      <div className="flex w-[300px] flex-col items-center justify-center gap-3">
+    <div className="flex h-[calc(100dvh-80px)] w-dvw flex-col items-center gap-6 overflow-y-scroll p-5 scrollbar-hide sm:w-[400px]">
+      <div className="flex w-[300px] flex-col items-center justify-center gap-3 sm:pt-8">
         <NalseeLogo className="h-[60px] w-[120px]" />
         <div className="inline-flex items-center justify-center gap-4">
           <img src={SplashSun} className="w-[65px]" />
@@ -102,7 +102,7 @@ const OptionalInfoPage = () => {
         </p>
       </div>
       <form onSubmit={handleSubmit(submitForm)}>
-        <div className="w-[calc(100dvw-40px)]">
+        <div className="mx-auto w-[calc(100dvw-40px)] sm:w-[360px]">
           <InputWrapper title="닉네임">
             <input
               className="w-full text-base focus:outline-none"
@@ -201,7 +201,7 @@ const OptionalInfoPage = () => {
           </InputWrapper>
         </div>
 
-        <div className="inline-flex w-[calc(100dvw-40px)] justify-end">
+        <div className="mx-auto inline-flex w-[calc(100dvw-40px)] justify-end sm:w-[360px]">
           <Button
             type="submit"
             variant="accent"