Fix Admin responsiveness

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;
   }
 `;

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 {