fix(sidebar): no margin on mobile (#89)

vuejs · Sep 16, 2020 · 218c729 · 218c729
1 parent 8435e36
commit 218c729
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/client/theme-default/styles/layout.css b/src/client/theme-default/styles/layout.css
@@ -91,6 +91,12 @@ main {
   }
 }
 
+@media screen and (max-width: 719px) {
+  main {
+    margin-left: 0;
+  }
+}
+
 a {
   text-decoration: none;
 }

diff --git a/src/client/theme-default/styles/vars.css b/src/client/theme-default/styles/vars.css
@@ -1,7 +1,7 @@
 .theme {
   --border-color: rgb(226, 232, 240);
   --header-height: 3.6rem;
-  --sidebar-width: 20rem;
+  --sidebar-width: 16.4rem;
   --text-color: #2c3e50;
   --text-color-light: #476582;
   --code-bg-color: #282c34;
-Original file line number
+Diff line change
@@ Expand Up / @@ -91,6 +91,12 @@ main { @@
       }
     }
+    @media screen and (max-width: 719px) {
+      main {
+        margin-left: 0;
+      }
+    }
     a {
       text-decoration: none;
     }
@@ Expand Down @@