From 5199a77c22fe9d5fa3c0387a2931aab9ea0cd28b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EB=B0=95=EC=9A=A9=EC=84=9D?= <4up456@naver.com>
Date: Tue, 4 Mar 2025 22:02:52 +0900
Subject: [PATCH 1/2] =?UTF-8?q?=F0=9F=90=9B=20Fix:=20=20=ED=9A=8C=EC=9B=90?=
 =?UTF-8?q?=EA=B0=80=EC=9E=85=20=EB=AA=A8=EB=8B=AC=20=EB=A0=88=EC=9D=B4?=
 =?UTF-8?q?=EC=95=84=EC=9B=83=20=EA=B0=9C=EC=84=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/shared/SignupModal.tsx | 12 +++---------
 1 file changed, 3 insertions(+), 9 deletions(-)

diff --git a/src/components/shared/SignupModal.tsx b/src/components/shared/SignupModal.tsx
index 410b8a2..8b48531 100644
--- a/src/components/shared/SignupModal.tsx
+++ b/src/components/shared/SignupModal.tsx
@@ -261,14 +261,8 @@ const SignupForm = () => {
   }, [geolocationToAddressData])
 
   return (
-    <form
-      onSubmit={onSubmit}
-      className="flex flex-col"
-      style={{
-        height: 'calc(100vh - 94px)',
-      }}
-    >
-      <div className="grow overflow-y-auto pb-10">
+    <form onSubmit={onSubmit}>
+      <div className="h-[77vh] grow overflow-y-auto pb-10">
         <div className="mb-3">
           <Input
             value={signnameValue}
@@ -407,7 +401,7 @@ const SignupForm = () => {
           </div>
         </div>
       </div>
-      <div className="bg-white py-2">
+      <div className="fixed inset-x-0 bottom-0 bg-white px-mobile_safe py-2">
         <Button className="disabled:bg-slate-400" type="submit" size="m" disabled={!isValid}>
           가입하기
         </Button>

From 48756dad9a9687be944831e2b9f56384bc6241e1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EB=B0=95=EC=9A=A9=EC=84=9D?= <4up456@naver.com>
Date: Tue, 4 Mar 2025 22:48:16 +0900
Subject: [PATCH 2/2] =?UTF-8?q?=F0=9F=90=9B=20Fix:=20=20=20=EB=AA=A8?=
 =?UTF-8?q?=EB=B0=94=EC=9D=BC=20=ED=81=AC=EA=B8=B0=EB=B3=84=EB=A1=9C=20?=
 =?UTF-8?q?=EB=8C=80=EC=9D=91=ED=95=A0=EC=88=98=20=EC=9E=88=EB=8F=84?=
 =?UTF-8?q?=EB=A1=9D=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/shared/SignupModal.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/shared/SignupModal.tsx b/src/components/shared/SignupModal.tsx
index 8b48531..046182a 100644
--- a/src/components/shared/SignupModal.tsx
+++ b/src/components/shared/SignupModal.tsx
@@ -22,7 +22,7 @@ const SignupModal = () => {
   const { hideModal } = modalStore()
 
   return (
-    <div className="size-full bg-white p-mobile_safe">
+    <div className="flex h-dvh w-full flex-col bg-white p-mobile_safe">
       <div className="relative my-6 flex justify-end">
         <div className="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-lg font-bold">
           회원가입
@@ -261,8 +261,8 @@ const SignupForm = () => {
   }, [geolocationToAddressData])
 
   return (
-    <form onSubmit={onSubmit}>
-      <div className="h-[77vh] grow overflow-y-auto pb-10">
+    <form onSubmit={onSubmit} className="grid grow grid-rows-[1fr_56px] overflow-y-auto">
+      <div className="overflow-y-auto pb-5">
         <div className="mb-3">
           <Input
             value={signnameValue}
@@ -401,7 +401,7 @@ const SignupForm = () => {
           </div>
         </div>
       </div>
-      <div className="fixed inset-x-0 bottom-0 bg-white px-mobile_safe py-2">
+      <div className="sticky bottom-0 bg-white py-2">
         <Button className="disabled:bg-slate-400" type="submit" size="m" disabled={!isValid}>
           가입하기
         </Button>