mirror of https://github.com/vuejs/vitepress
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
56 lines
936 B
56 lines
936 B
<script setup lang="ts">
|
|
import { useWindowSize } from '@vueuse/core'
|
|
|
|
const { width: vw } = useWindowSize({
|
|
initialWidth: 0,
|
|
includeScrollbar: false
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<div
|
|
class="vp-doc container"
|
|
:style="vw ? { '--vp-offset': `calc(50% - ${vw / 2}px)` } : {}"
|
|
>
|
|
<slot />
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.container {
|
|
margin: auto;
|
|
width: 100%;
|
|
max-width: 1280px;
|
|
padding: 0 24px;
|
|
}
|
|
|
|
@media (min-width: 640px) {
|
|
.container {
|
|
padding: 0 48px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 960px) {
|
|
.container {
|
|
width: 100%;
|
|
padding: 0 64px;
|
|
}
|
|
}
|
|
|
|
.vp-doc :deep(.VPHomeSponsors),
|
|
.vp-doc :deep(.VPTeamPage) {
|
|
margin-left: var(--vp-offset, calc(50% - 50vw));
|
|
margin-right: var(--vp-offset, calc(50% - 50vw));
|
|
}
|
|
|
|
.vp-doc :deep(.VPHomeSponsors h2) {
|
|
border-top: none;
|
|
letter-spacing: normal;
|
|
}
|
|
|
|
.vp-doc :deep(.VPHomeSponsors a),
|
|
.vp-doc :deep(.VPTeamPage a) {
|
|
text-decoration: none;
|
|
}
|
|
</style>
|