feat: 회원탈퇴 버튼 추가

woowacourse-teams · Oct 6, 2023 · 4180ce0 · 4180ce0
1 parent faaf494
commit 4180ce0
Showing 1 changed file with 22 additions and 0 deletions.
diff --git a/frontend/src/pages/ProfileEditPage.tsx b/frontend/src/pages/ProfileEditPage.tsx
@@ -218,6 +218,9 @@ const ProfileEditPage = () => {
             >
               서포터
             </S.RunnerSupporterButton>
+            <S.WithdrawalButtonWrapper>
+              <S.WithdrawalAnchor>회원탈퇴</S.WithdrawalAnchor>
+            </S.WithdrawalButtonWrapper>
           </S.ButtonContainer>
           <S.SaveButtonWrapper>
             <Button
@@ -378,13 +381,32 @@ const S = {
   `,
 
   ButtonContainer: styled.div`
+    position: relative;
     display: flex;
     justify-content: center;
     gap: 15px;
 
+    width: 600px;
+
     margin-bottom: 10px;
   `,
 
+  WithdrawalButtonWrapper: styled.div`
+    position: absolute;
+    display: flex;
+    justify-content: flex-end;
+    margin: 20px 0;
+
+    right: 0;
+  `,
+
+  WithdrawalAnchor: styled.a`
+    font-size: 14px;
+    text-decoration-line: underline;
+
+    color: var(--gray-500);
+  `,
+
   InputWrapper: styled.div`
     border-bottom: 1px solid var(--gray-200);
   `,