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

JayJayleee · May 30, 2024 · cd8159d · cd8159d
1 parent df7e71b
commit cd8159d
Show file tree

Hide file tree

Showing 13 changed files with 21 additions and 15 deletions.
diff --git a/src/asset/sass/etc/header/header.scss b/src/asset/sass/etc/header/header.scss
@@ -9,7 +9,7 @@ img.hambar {
   display: flex;
   align-items: center;
   margin-left: 14.5%;
-  margin-top: -3.5%;
+  margin-top: 5.5rem;
   cursor: pointer;
   z-index: 1;
 }

diff --git a/src/asset/sass/etc/header/userInfoHeader.scss b/src/asset/sass/etc/header/userInfoHeader.scss
@@ -3,7 +3,7 @@
   height: 30px;
   margin-left: 53px;
   // margin-top:-0.3rem;
-  margin-top: -0.5rem;
+  margin-top: 0.2rem;
   font-size: 1.5rem;
   font-family: 'Pretendard-Bold';
   border: 0.1px solid #fefefe;
@@ -341,4 +341,10 @@ img.loginuser {
 }
 .userInfo-container {
   z-index: 300;
+  margin-top: -3rem;
+
+}
+.user-icon-container-flex{
+  margin-top: 0.7rem;
 }
+
diff --git a/src/asset/sass/pages/myPage/infoEditPage.scss b/src/asset/sass/pages/myPage/infoEditPage.scss
@@ -32,7 +32,7 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  margin-top: 6rem;
+  margin-top: 10rem;
 }
 
 .modify-nick {

diff --git a/src/asset/sass/pages/notificationPage/notificationPage.scss b/src/asset/sass/pages/notificationPage/notificationPage.scss
@@ -36,4 +36,5 @@
   display: flex;
   flex-direction: row;
   justify-content: space-between;
+  margin-top: 10rem;
 }
diff --git a/src/asset/sass/pages/postPage/questionDetailPage.scss b/src/asset/sass/pages/postPage/questionDetailPage.scss
@@ -1,5 +1,5 @@
 .question-detail-container {
-  margin-top: 5%;
+  margin-top: 20%;
   padding: 35px 70px;
 }
 

diff --git a/src/asset/sass/pages/searchPage/companyRegistPage.scss b/src/asset/sass/pages/searchPage/companyRegistPage.scss
@@ -6,6 +6,7 @@ $color-primary: #ff8d1d;
   flex-direction: column;
   align-items: center;
   width: 100%;
+
 }
 
 .regist-company-name,

diff --git a/src/components/pages/postPage/questionDetailPage.tsx b/src/components/pages/postPage/questionDetailPage.tsx
@@ -390,7 +390,7 @@ function QuestionDetailPage() {
       <StyledHeader>
         <TitleHeader pageTitle="상세보기" handleGoBack={handleGoBack} />
       </StyledHeader>
-      <div className="question-detail-container">
+      <div className="question-detail-container" >
         <div className="job-info">
           <img src={questionerTag === '취준생' ? Leaf : Tree} alt="" />
           <span className={questionerTag === '취준생' ? `leaf` : ''}>

diff --git a/src/components/pages/searchPage/companyRegistPage.tsx b/src/components/pages/searchPage/companyRegistPage.tsx
@@ -82,7 +82,7 @@ function CompanyRegistPage() {
     <StyledPage className="main-page-container">
       <StyledHeader>
         <TitleHeader pageTitle="기업 등록" handleGoBack={handleGoBack} />
-        <form onSubmit={handleSubmit} className="company-form">
+        <form onSubmit={handleSubmit} className="company-form" style={{marginTop:'10rem'}}>
           <div className="regist-company-name">
             <span>기업명</span> <div className="neccessary"> * 필수</div>
           </div>

diff --git a/src/components/ui/contactSlider/contactSlider.scss b/src/components/ui/contactSlider/contactSlider.scss
@@ -1,6 +1,6 @@
 .slider-container {
   width: 100%;
-  margin: 15rem auto;
+  margin: 17rem auto 10rem auto;
   height: 100%;
 }
 

diff --git a/src/components/ui/searchInput/searchInput.tsx b/src/components/ui/searchInput/searchInput.tsx
@@ -17,7 +17,7 @@ const StyledSearchInput = styled.input`
   border: 2px solid #ffbd7c;
   background-color: #fff;
   border-radius: 3rem;
-  margin:13% 0% 0% 12.5%;
+  margin:30% 0% 0% 12.5%;
   outline: none;
 
   &:focus {
@@ -39,7 +39,7 @@ const AutoCompleteContainer = styled.div`
   width: 490px;
   letter-spacing: -1px;
   margin-left: 14%;
-  margin-top: 1%;
+  margin-top: 0.1%;
   border-radius: 0 0 10px 10px;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
   max-height: 300px;

diff --git a/src/globalStyles.js b/src/globalStyles.js
@@ -49,7 +49,6 @@ const GlobalStyles = createGlobalStyle`
     justify-content: center;
     align-items: center;
     font-size: 1rem;
-    margin-top: 7%;
     letter-spacing: -1px;
     font-weight: 600;
   }
@@ -58,7 +57,7 @@ const GlobalStyles = createGlobalStyle`
     position: relative;
     display: block;
     flex-direction: row;
-    margin-top: 12%;
+   
   }
 `;
 

diff --git a/src/styledComponent.js b/src/styledComponent.js
@@ -32,5 +32,5 @@ export const StyledHeader = styled.div`
   position: relative;
   display: block;
   flex-direction: row;
-  margin-top: 12%;
+
 `;
diff --git a/src/styledComponent.ts b/src/styledComponent.ts
@@ -4,13 +4,12 @@ export const StyledPage = styled.div`
   height: 100vh;
   width: 700px;
   background-color: #ffffff;
-  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
   font-size: 16px;
   margin: 0 auto;
   padding: 0.5%;
   overflow: auto;
 `;
-
 export const Heading = styled.div`
   display: flex;
   position: fixed;
@@ -33,5 +32,5 @@ export const StyledHeader = styled.div`
   position: relative;
   display: block;
   flex-direction: row;
-  margin-top: 12%;
+
 `;