design: 스크롤 이슈로 main 영역 padding 줄임

woowacourse-teams · Sep 30, 2023 · adba711 · adba711
1 parent f157fb3
commit adba711
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 7 deletions.
diff --git a/frontend/src/shared/components/Layout/Header.tsx b/frontend/src/shared/components/Layout/Header.tsx
@@ -44,7 +44,7 @@ const Container = styled.header`
 
   background-color: ${({ theme: { color } }) => color.black};
 
-  @media (max-width: ${({ theme }) => theme.breakPoints.xl}) {
+  @media (max-width: ${({ theme }) => theme.breakPoints.xxl}) {
     padding: 0 8.33%;
   }
 
@@ -59,7 +59,6 @@ const Container = styled.header`
 
   @media (max-width: ${({ theme }) => theme.breakPoints.xxs}) {
     height: ${({ theme }) => theme.headerHeight.xxs};
-    padding: 0 16px;
   }
 `;
 

diff --git a/frontend/src/shared/components/Layout/Layout.tsx b/frontend/src/shared/components/Layout/Layout.tsx
@@ -28,18 +28,14 @@ const LayoutContainer = styled.main`
 
   background-color: ${({ theme: { color } }) => color.black};
 
-  @media (max-width: ${({ theme }) => theme.breakPoints.xl}) {
+  @media (max-width: ${({ theme }) => theme.breakPoints.xxl}) {
     padding: 0 8.33%;
   }
 
   @media (max-width: ${({ theme }) => theme.breakPoints.md}) {
     padding: 0 4.16%;
   }
 
-  @media (max-width: ${({ theme }) => theme.breakPoints.xs}) {
-    padding: 0 4.16%;
-  }
-
   @media (max-width: ${({ theme }) => theme.breakPoints.xxs}) {
     padding: 0 16px;
   }