(#329)style: 헤더 마진 제거에 따른 스타일 추가

Team-Coverflow · May 30, 2024 · 0f74065 · 0f74065
1 parent 7aa1c96
commit 0f74065
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 3 deletions.
diff --git a/src/asset/sass/pages/loginPage/nicknamePage.scss b/src/asset/sass/pages/loginPage/nicknamePage.scss
@@ -13,15 +13,24 @@
   cursor: pointer;
 }
 
+.nickname-info-con {
+  margin: 25% 0% 2.5% 10%;
+  font-size: 3.5rem;
+  letter-spacing: -1px;
+  color: #000;
+  font-family: 'pretendard-Bold';
+  line-height: 1.2;
+}
 .nickname-info {
-  margin: 12% 0% 2.5% 10%;
+  margin: 10% 0% 2.5% 10%;
   font-size: 3.5rem;
   letter-spacing: -1px;
   color: #000;
   font-family: 'pretendard-Bold';
   line-height: 1.2;
 }
 
+
 .separator {
   width: 88%;
   height: 1px;

diff --git a/src/components/pages/loginPage/loginPage.tsx b/src/components/pages/loginPage/loginPage.tsx
@@ -11,7 +11,7 @@ import { StyledHeader, StyledPage } from '../../../styledComponent';
 import { ACCESS_TOKEN, BASE_URL } from '../../global/constants';
 
 const WelcomeMessage = styled.p`
-  margin: 15% 0% 0% 15%;
+  margin: 30% 0% 0% 15%;
   font-size: 3.5rem;
   font-family: Pretendard-Bold;
   letter-spacing: -1px;

diff --git a/src/components/pages/loginPage/nicknamePage.jsx b/src/components/pages/loginPage/nicknamePage.jsx
@@ -172,7 +172,7 @@ const NicknamePage = () => {
       <StyledPage className="main-page-container">
         <StyledHeader>
           <TitleHeader pageTitle="회원 정보 설정" />
-          <div className="nickname-info">
+          <div className="nickname-info-con">
             <span className="welcome-nickname">
               현재 본인의 상황을 <br /> 체크해 주세요
             </span>