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

4 years ago · 218c729154
parent 8435e36374
commit 218c729154
2 changed files with 7 additions and 1 deletions
--- 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;
 }
--- 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;