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

JayJayleee · JayJayleee · commit cd8159d964c9 · 2024-05-31T04:48:04.000+09:00
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%;
+
 `;

Original file line number	Diff line number	Diff line change
`@@ -9,7 +9,7 @@ img.hambar {`
`9`	`9`	`display: flex;`
`10`	`10`	`align-items: center;`
`11`	`11`	`margin-left: 14.5%;`
`12`		`- margin-top: -3.5%;`
	`12`	`+ margin-top: 5.5rem;`
`13`	`13`	`cursor: pointer;`
`14`	`14`	`z-index: 1;`
`15`	`15`	`}`
Original file line number	Diff line number	Diff line change
`@@ -32,7 +32,7 @@`
`32`	`32`	`display: flex;`
`33`	`33`	`align-items: center;`
`34`	`34`	`justify-content: space-between;`
`35`		`- margin-top: 6rem;`
	`35`	`+ margin-top: 10rem;`
`36`	`36`	`}`
`37`	`37`
`38`	`38`	`.modify-nick {`
Original file line number	Diff line number	Diff line change
`@@ -36,4 +36,5 @@`
`36`	`36`	`display: flex;`
`37`	`37`	`flex-direction: row;`
`38`	`38`	`justify-content: space-between;`
	`39`	`+ margin-top: 10rem;`
`39`	`40`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,5 @@`
`1`	`1`	`.question-detail-container {`
`2`		`- margin-top: 5%;`
	`2`	`+ margin-top: 20%;`
`3`	`3`	`padding: 35px 70px;`
`4`	`4`	`}`
`5`	`5`
Original file line number	Diff line number	Diff line change
`@@ -6,6 +6,7 @@ $color-primary: #ff8d1d;`
`6`	`6`	`flex-direction: column;`
`7`	`7`	`align-items: center;`
`8`	`8`	`width: 100%;`
	`9`	`+`
`9`	`10`	`}`
`10`	`11`
`11`	`12`	`.regist-company-name,`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`.slider-container {`
`2`	`2`	`width: 100%;`
`3`		`- margin: 15rem auto;`
	`3`	`+ margin: 17rem auto 10rem auto;`
`4`	`4`	`height: 100%;`
`5`	`5`	`}`
`6`	`6`