|
|
@ -16,7 +16,6 @@ const { hasSidebar } = useSidebar()
|
|
|
|
id="VPContent"
|
|
|
|
id="VPContent"
|
|
|
|
:class="{
|
|
|
|
:class="{
|
|
|
|
'has-sidebar': hasSidebar,
|
|
|
|
'has-sidebar': hasSidebar,
|
|
|
|
'is-home': frontmatter.layout === 'home'
|
|
|
|
|
|
|
|
}"
|
|
|
|
}"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<slot name="not-found" v-if="page.isNotFound"><NotFound /></slot>
|
|
|
|
<slot name="not-found" v-if="page.isNotFound"><NotFound /></slot>
|
|
|
@ -61,15 +60,16 @@ const { hasSidebar } = useSidebar()
|
|
|
|
width: 100%;
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.VPContent.is-home {
|
|
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.VPContent.has-sidebar {
|
|
|
|
.VPContent.has-sidebar {
|
|
|
|
margin: 0;
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media (min-width: 768px) {
|
|
|
|
|
|
|
|
.VPContent {
|
|
|
|
|
|
|
|
width: 100vw;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media (min-width: 960px) {
|
|
|
|
@media (min-width: 960px) {
|
|
|
|
.VPContent {
|
|
|
|
.VPContent {
|
|
|
|
padding-top: var(--vp-nav-height);
|
|
|
|
padding-top: var(--vp-nav-height);
|
|
|
|