diff --git a/src/components/AdminSidebar.tsx b/src/components/AdminSidebar.tsx index 81b7c57..6581f91 100644 --- a/src/components/AdminSidebar.tsx +++ b/src/components/AdminSidebar.tsx @@ -13,7 +13,7 @@ const SideBar = styled.nav` margin-right: 1rem; background-color: ${colors.blue1}; - @media screen and (max-width: 800px - 1px) { + @media screen and (max-width: 800px) { margin-right: 0; margin-bottom: 1rem; } @@ -37,7 +37,7 @@ const StyledLink = styled(Anchor)<{path: string}>` border-left: 4px solid ${colors.white}; } - @media screen and (max-width: 800px - 1px) { + @media screen and (max-width: 800px) { margin-bottom: 1px; } `; diff --git a/src/pages/admin/AdminCommonPage.tsx b/src/pages/admin/AdminCommonPage.tsx index f436ad6..f9f98f5 100644 --- a/src/pages/admin/AdminCommonPage.tsx +++ b/src/pages/admin/AdminCommonPage.tsx @@ -15,8 +15,12 @@ const Main = styled.main` align-items: flex-start; flex: 1; - @media screen and (max-width: 800px - 1px) { + @media screen and (max-width: 800px) { flex-flow: column nowrap; + + & > nav { + width: 100%; + } } & > div {