Feat: 로그인 실패 수정

cau-likelion-org · Feb 29, 2024 · 98bfdf9 · 98bfdf9
1 parent 79d5a77
commit 98bfdf9
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 14 deletions.
diff --git a/src/components/login/failed/FailedMessage.tsx b/src/components/login/failed/FailedMessage.tsx
@@ -11,7 +11,7 @@ const FailedMessage = () => {
         <Image src={alert} alt="알림" width="20px" height="20px" />
         <StMessageText>알림</StMessageText>
       </div>
-      <StMessageText>로그인 실패: 등록되지 않은 이메일입니다. 올바른 이메일을 입력해주세요.</StMessageText>
+      <StMessageText>등록되지 않은 이메일입니다. 올바른 이메일을 입력해주세요.</StMessageText>
     </MessageWrapper>
   );
 };
@@ -24,9 +24,9 @@ const MessageWrapper = styled.div`
   justify-content: center;
   align-items: center;
 
-  width: 46rem;
+  width: 54rem;
   height: 12rem;
-  padding: 2rem 0;
+  padding: 3rem 0;
 
   background: #f5f5f5;
   border-radius: 20px;
@@ -35,9 +35,9 @@ const MessageWrapper = styled.div`
     display: flex;
     justify-content: center;
     align-items: center;
-
     div {
       margin-left: 5px;
+      margin-bottom: 1rem;
     }
   }
 `;
@@ -48,4 +48,5 @@ const StMessageText = styled.div`
   font-weight: 500;
   font-size: 17px;
   color: #2d2d2d;
+  margin-top: 1rem;
 `;
diff --git a/src/pages/login/failed.tsx b/src/pages/login/failed.tsx
@@ -4,21 +4,22 @@ import FailedMessage from 'src/components/login/failed/FailedMessage';
 import LayoutNoHeight from '@common/layout/LayoutNoHeight';
 
 const LoginFailed = () => {
-    return (
-        <Wrapper>
-            <FailedMessage />
-        </Wrapper>
-    );
+  return (
+    <Wrapper>
+      <FailedMessage />
+    </Wrapper>
+  );
 };
 
 export default LoginFailed;
 
 LoginFailed.getLayout = function getLayout(page: ReactElement) {
-    return <LayoutNoHeight>{page}</LayoutNoHeight>;
+  return <LayoutNoHeight>{page}</LayoutNoHeight>;
 };
 
 const Wrapper = styled.div`
-    display: flex;
-    justify-content: center;
-    align-items: center;
-`;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding-top: 12rem;
+`;