Merge branch 'master' of https://github.com/vuejs/vitepress into feat/user-markdown-options

CHANGELOG.md

@@ -1,3 +1,9 @@
+## [0.7.4](https://github.com/vuejs/vitepress/compare/v0.7.3...v0.7.4) (2020-11-11)
+
+### Bug Fixes
+
+- **css:** fix padding on mobile ([9c7293b](https://github.com/vuejs/vitepress/commit/9c7293b6cbdbcabb4257793e1b1f3fea2388c31e)), closes [#121](https://github.com/vuejs/vitepress/issues/121)
+
 ## [0.7.3](https://github.com/vuejs/vitepress/compare/v0.7.2...v0.7.3) (2020-11-06)
 
 ### Bug Fixes

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vitepress",
-  "version": "0.7.3",
+  "version": "0.7.4",
   "description": "",
   "main": "dist/node/index.js",
   "typings": "types/index.d.ts",

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

@@ -71,7 +71,7 @@ body {
 
 @media screen and (max-width: 959px) {
   .theme aside {
-    width: 16.4rem;
+    width: var(--sidebar-width);
   }
 }
 
@@ -96,8 +96,13 @@ body {
 
 .theme main {
   padding-top: var(--header-height);
+}
+
+@media screen and (min-width: 960px) {
+  .theme main {
     padding-left: var(--sidebar-width);
   }
+}
 
 @media screen and (min-width: 720px) {
   .theme.no-sidebar aside {
@@ -110,7 +115,7 @@ body {
 
 @media screen and (max-width: 959px) {
   .theme main {
-    margin-left: 16.4rem;
+    margin-left: var(--sidebar-width);
   }
 }