From dfbdaa898827727af3fdcf7bc790c9972bcc0040 Mon Sep 17 00:00:00 2001
From: imddoy <imddoy@duksung.ac.kr>
Date: Thu, 29 Aug 2024 05:54:08 +0900
Subject: [PATCH 1/3] =?UTF-8?q?design:=20step2=20=EB=A9=94=EC=9D=B4?=
 =?UTF-8?q?=EC=BB=A4=20ui=20=EB=B0=98=EC=98=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/register/Register.styled.ts         | 5 +++--
 src/pages/register/components/RoleLayout.tsx  | 2 +-
 src/pages/register/components/RoleWrapper.tsx | 6 +++---
 3 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/pages/register/Register.styled.ts b/src/pages/register/Register.styled.ts
index db361b51..e3d46fae 100644
--- a/src/pages/register/Register.styled.ts
+++ b/src/pages/register/Register.styled.ts
@@ -16,6 +16,7 @@ export const Divider = styled.div`
 `;
 
 export const FooterContainer = styled.div`
+  position: relative;
   padding: 2.4rem;
 
   background-color: ${({ theme }) => theme.colors.gray_900};
@@ -234,7 +235,7 @@ export const RoleAddBtn = styled.section`
   ${Generators.flexGenerator()}
   flex-shrink: 0;
   width: 13.6rem;
-  height: 26.6rem;
+  height: 24.4rem;
 
   background: ${({ theme }) => theme.colors.gray_900};
   border: 1px dashed ${({ theme }) => theme.colors.gray_700};
@@ -243,7 +244,7 @@ export const RoleAddBtn = styled.section`
 
 export const RoleWrapper = styled.div`
   ${Generators.flexGenerator("column", "center", "center")}
-  height: 26.6rem;
+  height: 24.4rem;
 `;
 
 export const FooterInfo = styled.div`
diff --git a/src/pages/register/components/RoleLayout.tsx b/src/pages/register/components/RoleLayout.tsx
index ffd070e5..50325c0e 100644
--- a/src/pages/register/components/RoleLayout.tsx
+++ b/src/pages/register/components/RoleLayout.tsx
@@ -71,7 +71,7 @@ const RoleLayout = ({ list, updateList, title }: RoleLayoutProps) => {
   }, [makerList]);
 
   return (
-    <S.InputRegisterBox $marginBottom={2.8}>
+    <S.InputRegisterBox $marginBottom={5.6}>
       <S.InputTitle>{title}</S.InputTitle>
       <Spacing marginBottom="1.4" />
       <S.RoleListWrapper>
diff --git a/src/pages/register/components/RoleWrapper.tsx b/src/pages/register/components/RoleWrapper.tsx
index e844e2e7..5b12f4b4 100644
--- a/src/pages/register/components/RoleWrapper.tsx
+++ b/src/pages/register/components/RoleWrapper.tsx
@@ -48,14 +48,14 @@ const RoleWrapper = ({ id, role, removeRole, onUpdateRole }: RoleWrapperProps) =
     <S.RoleWrapper>
       <S.FileInputWrapper>
         {previewImg ? (
-          <S.PreviewImageWrapper width={13.6} height={15.8}>
-            <S.PreviewImage src={previewImg} alt="Preview" width={13.6} height={15.8} />
+          <S.PreviewImageWrapper width={13.6} height={13.6}>
+            <S.PreviewImage src={previewImg} alt="Preview" width={13.6} height={13.6} />
             <S.RemoveImageButton onClick={() => removeRole(id)} />
           </S.PreviewImageWrapper>
         ) : (
           <>
             <S.HiddenFileInput type="file" id={`file-${id}`} onChange={uploadFile} />
-            <S.CustomFileInput htmlFor={`file-${id}`} width={13.6} height={15.8}>
+            <S.CustomFileInput htmlFor={`file-${id}`} width={13.6} height={13.6}>
               <IconCamera width={"3.2rem"} />
               <S.RemoveImageButton onClick={() => removeRole(id)} />
             </S.CustomFileInput>

From 2345e18232708cce91bb65d8efc80b0dbb5443ec Mon Sep 17 00:00:00 2001
From: imddoy <imddoy@duksung.ac.kr>
Date: Thu, 29 Aug 2024 05:56:05 +0900
Subject: [PATCH 2/3] =?UTF-8?q?design:=20step3=20=EB=A9=94=EC=9D=B4?=
 =?UTF-8?q?=EC=BB=A4=20ui=20=EB=B0=98=EC=98=81=20=EB=8F=84=EC=98=81?=
 =?UTF-8?q?=EC=98=A4=EB=B9=A0=20gig=20=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8?=
 =?UTF-8?q?=20=EC=82=AC=EC=9A=A9=ED=95=9C=EA=B1=B0=EB=9D=BC=EC=84=9C=20?=
 =?UTF-8?q?=EB=8F=84=EC=98=81=EC=98=A4=EB=B9=A0=20=EC=BD=94=EB=93=9C=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95=ED=95=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/gig/components/peopleCard/PeopleCard.styled.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/gig/components/peopleCard/PeopleCard.styled.ts b/src/pages/gig/components/peopleCard/PeopleCard.styled.ts
index 0a67a0fe..e404bef8 100644
--- a/src/pages/gig/components/peopleCard/PeopleCard.styled.ts
+++ b/src/pages/gig/components/peopleCard/PeopleCard.styled.ts
@@ -7,7 +7,7 @@ export const PeopleCardContainer = styled.article`
 
 export const PeopleCardPhoto = styled.img`
   width: 15.7rem;
-  height: calc(15.7rem * 4 / 3);
+  height: 15.7rem;
   margin-bottom: 0.7rem;
   object-fit: cover;
   object-position: center;

From 5b116f3db2beb9be053cbf678c322954fbd7cee2 Mon Sep 17 00:00:00 2001
From: imddoy <imddoy@duksung.ac.kr>
Date: Thu, 29 Aug 2024 05:59:53 +0900
Subject: [PATCH 3/3] =?UTF-8?q?chore:=20step=20=EC=9D=B4=EB=8F=99=ED=95=98?=
 =?UTF-8?q?=EB=A9=B4=20=EC=8A=A4=ED=81=AC=EB=A1=A4=20=EB=A7=A8=20=EC=9C=84?=
 =?UTF-8?q?=EB=A1=9C=20=EC=9D=B4=EB=8F=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/register/Register.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/pages/register/Register.tsx b/src/pages/register/Register.tsx
index 8aabde68..fe1e04db 100644
--- a/src/pages/register/Register.tsx
+++ b/src/pages/register/Register.tsx
@@ -285,6 +285,10 @@ const Register = () => {
     setRegisterStep((prev) => prev + 1);
   };
 
+  useEffect(() => {
+    window.scrollTo({ top: 0 });
+  }, [registerStep]);
+
   const { setHeader } = useHeader();
 
   // 티켓 수량이 동일하게 적용