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