diff --git a/src/client/theme-default/components/VPDoc.vue b/src/client/theme-default/components/VPDoc.vue index 19ba7a59..eb8a5b70 100644 --- a/src/client/theme-default/components/VPDoc.vue +++ b/src/client/theme-default/components/VPDoc.vue @@ -101,15 +101,9 @@ const pageName = computed(() => { display: none; order: 2; flex-grow: 1; - flex-shrink: 0; padding-left: 32px; - min-width: 240px; -} - -@media (min-width: 1440px) { - .aside { - padding-left: 64px; - } + width: 100%; + max-width: 256px; } .aside-container { @@ -117,7 +111,6 @@ const pageName = computed(() => { top: 0; margin-top: calc(var(--vp-nav-height-desktop) * -1 - 32px); padding-top: calc(var(--vp-nav-height-desktop) + 32px); - width: 208px; max-height: 100vh; overflow-x: hidden; overflow-y: auto; @@ -127,12 +120,6 @@ const pageName = computed(() => { display: none; } -@media (min-width: 1440px) { - .aside-container { - width: 256px; - } -} - .aside-curtain { position: absolute; bottom: 0; @@ -166,12 +153,6 @@ const pageName = computed(() => { } } -@media (min-width: 1440px) { - .content { - padding-left: 64px; - } -} - .content-container { margin: 0 auto; max-width: 688px; diff --git a/src/client/theme-default/components/VPHero.vue b/src/client/theme-default/components/VPHero.vue index 89258050..f0bf5148 100644 --- a/src/client/theme-default/components/VPHero.vue +++ b/src/client/theme-default/components/VPHero.vue @@ -56,8 +56,8 @@ defineProps<{ .name, .text { - line-height: 40px; - font-size: 32px; + line-height: 48px; + font-size: 40px; font-weight: 700; }