fix(css): no margin on mobile

src/client/theme-default/styles/layout.css

@@ -9,7 +9,8 @@ body {
 }
 
 .theme {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
+    Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-size: 16px;
@@ -58,7 +59,7 @@ aside {
 
 @media screen and (max-width: 719px) {
   aside {
-    transition: transform .2s ease;
+    transition: transform 0.2s ease;
     transform: translateX(-100%);
   }
 
@@ -75,7 +76,7 @@ aside {
   display: none;
 }
 
-.sidebar-mask.sidebar-open{
+.sidebar-mask.sidebar-open {
   display: block;
 }
 
@@ -90,6 +91,12 @@ main {
   }
 }
 
+@media screen and (max-width: 719px) {
+  main {
+    margin-left: 0;
+  }
+}
+
 a {
   text-decoration: none;
 }

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;