testzm0318
/
farris-vue
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix(vitepress): set farris document content max-width to 860px

This commit is contained in:
Sagi 2022-10-10 00:30:49 +08:00
parent 96e8086bf5
commit 575a5d5b49
1 changed files with 110 additions and 115 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
packages/ui-vue/docs/.vitepress/farris-theme/components/VPDoc.vue
View File

@ -1,23 +1,18 @@
<script setup lang="ts">
import { computed } from 'vue'
import { useRoute } from 'vitepress'
import { useSidebar } from '../composables/sidebar.js'
import VPDocAside from './VPDocAside.vue'
import VPDocFooter from './VPDocFooter.vue'
import { computed } from 'vue';
import { useRoute } from 'vitepress';
import { useSidebar } from '../composables/sidebar.js';
import VPDocAside from './VPDocAside.vue';
import VPDocFooter from './VPDocFooter.vue';
const route = useRoute()
const { hasSidebar, hasAside } = useSidebar()
const route = useRoute();
const { hasSidebar, hasAside } = useSidebar();
const pageName = computed(() =>
route.path.replace(/[./]+/g, '_').replace(/_html$/, '')
)
const pageName = computed(() => route.path.replace(/[./]+/g, '_').replace(/_html$/, ''));
</script>
<template>
<div
class="VPDoc"
:class="{ 'has-sidebar': hasSidebar, 'has-aside': hasAside }"
>
<div class="VPDoc" :class="{ 'has-sidebar': hasSidebar, 'has-aside': hasAside }">
<div class="container">
<div v-if="hasAside" class="aside">
<div class="aside-curtain" />
@ -95,7 +90,7 @@ const pageName = computed(() =>
@media (min-width: 1440px) {
.VPDoc:not(.has-sidebar) .content {
max-width: 784px;
max-width: 860px;
}
.VPDoc:not(.has-sidebar) .container {