28 lines
348 B
Vue
28 lines
348 B
Vue
|
<template>
|
||
|
|
<div class="vp-doc container">
|
||
|
|
<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;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|