javascript/element-plus
1
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2026-03-13 07:51:17 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs: fix page content less extra whitespace

Browse Source
This commit is contained in:
warmthsea
2025-10-15 10:12:11 +08:00
parent b444df8d45
commit 5e09dfc926
2 changed files with 14 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
docs/.vitepress/vitepress/components/vp-doc-content.vue
View File

@@ -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 />

7
docs/.vitepress/vitepress/styles/content/doc-content.scss
View File

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