33 lines
634 B
Vue
33 lines
634 B
Vue
|
<script setup lang="ts">
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<div class="page_container full-size-page">
|
||
|
|
<div class="layout_container center-layout grid-container">
|
||
|
|
<slot />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.page_container {
|
||
|
|
&.full-size-page {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.full-size-layout {
|
||
|
|
padding-left: 20px;
|
||
|
|
padding-right: 20px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.layout_container {
|
||
|
|
padding-top: 40px;
|
||
|
|
padding-bottom: 40px;
|
||
|
|
|
||
|
|
&.center-layout {
|
||
|
|
max-width: 1300px;
|
||
|
|
margin: auto;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|