feat: 상단 노치를 고려한 디자인 수정

scheduler-SoHwaGi · Feb 24, 2025 · 7f0a854 · 7f0a854
1 parent f996163
commit 7f0a854
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/src/App.js b/src/App.js
@@ -30,8 +30,9 @@ const Container = styled.div`
 const ContentWrapper = styled.div`
   justify-content: center;
   flex: 1;
-  overflow-y: hidden;
-  margin-bottom: 6rem;
+  //overflow-y: hidden;
+  //margin-bottom: 6rem;
+  padding-bottom: 5rem;
   display: flex;
 `;
 

diff --git a/src/pages/TermPage/Component/HeadTitle/index.tsx b/src/pages/TermPage/Component/HeadTitle/index.tsx
@@ -12,12 +12,15 @@ const StyledTitle = styled.div`
   display: flex;
   justify-content: stretch;
   align-items: center;
-  padding: 1rem;
+  padding: 4.25rem 0 1rem 0;
   flex: 1;
+  position: fixed;
+  width: 100%;
 `;
 
 const StyledTitleText = styled.div`
   height: 100%;
+  font-size: 1.2rem;
 `;
 
 const LeftArrow = styled.img`
@@ -30,7 +33,7 @@ function HeadTitle({ headTitle }: Term) {
   return (
     <StyledTitle>
       <LeftArrow src={arrow} alt={'arrow '} onClick={() => navigate(-1)} />
-      <StyledTitleText>{headTitle}</StyledTitleText>
+      <StyledTitleText>{headTitle} </StyledTitleText>
     </StyledTitle>
   );
 }