38 lines
621 B
Vue
38 lines
621 B
Vue
|
<script lang="ts" setup="">
|
||
|
|
|
||
|
|
import BaseHeader from "~/components/baseHeader.vue";
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<BaseHeader />
|
||
|
|
<div class="content-bg">
|
||
|
|
<div class="content-container">
|
||
|
|
<div class="content">
|
||
|
|
<slot />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<style scoped lang="scss">
|
||
|
|
.content-container {
|
||
|
|
max-width: 1224px;
|
||
|
|
margin: 0 auto;
|
||
|
|
min-height: 100dvh;
|
||
|
|
}
|
||
|
|
|
||
|
|
.content-bg {
|
||
|
|
background: #F4F6FB;
|
||
|
|
padding-block: 48px;
|
||
|
|
padding-inline: 36px;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media screen and (max-width: 768px) {
|
||
|
|
.content-bg {
|
||
|
|
background: #F4F6FB;
|
||
|
|
padding-block: 32px;
|
||
|
|
padding-inline: 16px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|