init
This commit is contained in:
37
app/layouts/default.vue
Normal file
37
app/layouts/default.vue
Normal file
@@ -0,0 +1,37 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user