fix: hotfix landing height

unjs · Feb 20, 2024 · 3b689b2 · 3b689b2
1 parent c99875e
commit 3b689b2
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 25 deletions.
diff --git a/layers/core/app/layouts/docs.vue b/layers/core/app/layouts/docs.vue
@@ -5,14 +5,22 @@ const navigation = inject<Ref<NavItem[]>>('navigation')
 </script>
 
 <template>
-  <UContainer>
-    <UPage>
-      <template #left>
-        <UAside>
-          <UNavigationTree :links="mapContentNavigation(navigation)" />
-        </UAside>
-      </template>
-      <slot />
-    </UPage>
-  </UContainer>
+  <UMain>
+    <UContainer>
+      <UPage>
+        <template #left>
+          <UAside>
+            <UNavigationTree :links="mapContentNavigation(navigation)" />
+          </UAside>
+        </template>
+        <slot />
+      </UPage>
+    </UContainer>
+  </UMain>
 </template>
+
+<style>
+main {
+  min-height: calc(100vh - var(--header-height) * 2 - 1em) !important;
+}
+</style>
diff --git a/layers/core/app/pages/index.vue b/layers/core/app/pages/index.vue
@@ -74,21 +74,19 @@ const hero = computed(() => {
 </script>
 
 <template>
-  <div>
-    <ULandingHero v-if="hero" v-bind="hero">
-      <template #title>
-        <MDC :value="hero.title" />
-      </template>
+  <ULandingHero v-if="hero" v-bind="hero">
+    <template #title>
+      <MDC :value="hero.title" />
+    </template>
 
-      <MDC v-if="hero.code" :value="hero.code" tag="pre" class="prose prose-primary dark:prose-invert mx-auto" />
-    </ULandingHero>
+    <MDC v-if="hero.code" :value="hero.code" tag="pre" class="prose prose-primary dark:prose-invert mx-auto" />
+  </ULandingHero>
 
-    <template v-if="page.features">
-      <ULandingSection :title="page.featuresTitle">
-        <UPageGrid>
-          <ULandingCard v-for="(item, index) of page.features" :key="index" v-bind="item" />
-        </UPageGrid>
-      </ULandingSection>
-    </template>
-  </div>
+  <template v-if="page.features?.length > 0">
+    <ULandingSection :title="page.featuresTitle">
+      <UPageGrid>
+        <ULandingCard v-for="(item, index) of page.features" :key="index" v-bind="item" />
+      </UPageGrid>
+    </ULandingSection>
+  </template>
 </template>