diff --git a/CHANGELOG.md b/CHANGELOG.md index 85f6fe60..8b02d4e4 100644 --- a/CHANGELOG.md +++ b/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 diff --git a/package.json b/package.json index 8a868adc..4b3229ef 100644 --- a/package.json +++ b/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", diff --git a/src/client/theme-default/styles/layout.css b/src/client/theme-default/styles/layout.css index 040ba2de..4bf20129 100644 --- a/src/client/theme-default/styles/layout.css +++ b/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,7 +96,12 @@ body { .theme main { padding-top: var(--header-height); - padding-left: var(--sidebar-width); +} + +@media screen and (min-width: 960px) { + .theme main { + padding-left: var(--sidebar-width); + } } @media screen and (min-width: 720px) { @@ -110,7 +115,7 @@ body { @media screen and (max-width: 959px) { .theme main { - margin-left: 16.4rem; + margin-left: var(--sidebar-width); } }