feat: refine overall layout styling

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;

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;
 }