design: (#123) 모바일버전 main 태그 상단margin 추가

woowacourse-teams · Jul 25, 2023 · 0d573bc · 0d573bc
1 parent b23728c
commit 0d573bc
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/frontend/src/components/common/Layout/style.ts b/frontend/src/components/common/Layout/style.ts
@@ -45,8 +45,11 @@ export const MainContainer = styled.main<{ $isSidebarVisible: boolean }>`
  display: flex;
  justify-content: center;
 
+ margin-top: 15px;
  width: 100%;
+
  @media (min-width: ${theme.breakpoint.sm}) {
+ margin-top: 0;
  padding-left: ${({ $isSidebarVisible }) => $isSidebarVisible && '225px'};
  }
 `;