fix: doc page layout on mobile is broken

3 years ago · 68ebd43664
parent 67e77f7871
commit 68ebd43664
2 changed files with 2 additions and 0 deletions
--- a/src/client/theme-default/components/VPContent.vue
+++ b/src/client/theme-default/components/VPContent.vue
@ -39,6 +39,7 @@ const { hasSidebar } = useSidebar()
 .VPContent {
  flex-grow: 1;
  margin: 0 auto;
+  width: 100%;
  max-width: var(--vp-layout-max-width);
 }

--- a/src/client/theme-default/components/VPDoc.vue
+++ b/src/client/theme-default/components/VPDoc.vue
@ -37,6 +37,7 @@ const pageName = computed(() => {
 <style scoped>
 .VPDoc {
  padding: 32px 24px 96px;
+  width: 100%;
 }

@media (min-width: 768px) {