From 5e09dfc9264e5a5dc810d0bf750c73b48b5b643d Mon Sep 17 00:00:00 2001
From: warmthsea <2586244885@qq.com>
Date: Wed, 15 Oct 2025 10:12:11 +0800
Subject: [PATCH] docs: fix page content less extra whitespace

---
 docs/.vitepress/vitepress/components/vp-doc-content.vue   | 8 +++++++-
 docs/.vitepress/vitepress/styles/content/doc-content.scss | 7 +++++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/docs/.vitepress/vitepress/components/vp-doc-content.vue b/docs/.vitepress/vitepress/components/vp-doc-content.vue
index 938509a773..23c407fd34 100644
--- a/docs/.vitepress/vitepress/components/vp-doc-content.vue
+++ b/docs/.vitepress/vitepress/components/vp-doc-content.vue
@@ -1,14 +1,20 @@
 <script lang="ts" setup>
+import { computed } from 'vue'
 import { useData } from 'vitepress'
 import VPPageFooter from './doc-content/vp-page-footer.vue'
 import VPPageNav from './doc-content/vp-page-nav.vue'
 import VPTableOfContent from './doc-content/vp-table-of-content.vue'
 
 const { page } = useData()
+
+const isGuide = computed(() => page.value.filePath?.includes('/guide/'))
 </script>
 
 <template>
-  <div class="doc-content-wrapper">
+  <div
+    class="doc-content-wrapper"
+    :class="isGuide ? 'doc-guide-content' : undefined"
+  >
     <div class="doc-content-container">
       <Content class="doc-content" />
       <VPPageFooter />
diff --git a/docs/.vitepress/vitepress/styles/content/doc-content.scss b/docs/.vitepress/vitepress/styles/content/doc-content.scss
index 06c435301b..0afa98267a 100644
--- a/docs/.vitepress/vitepress/styles/content/doc-content.scss
+++ b/docs/.vitepress/vitepress/styles/content/doc-content.scss
@@ -1,6 +1,13 @@
 @use '../mixins' as *;
 @use './table-of-content';
 
+.doc-guide-content {
+  .toc-wrapper .toc-content {
+    height: auto;
+    min-height: calc(100vh - var(--header-height) - 480px);
+  }
+}
+
 .doc-content-wrapper {
   --vp-content-width: 800px;