added header

This commit is contained in:
Fedor Katurov 2022-11-10 13:20:04 +06:00
parent aae9af8e62
commit a8dd169087
8 changed files with 130 additions and 50 deletions

View file

@ -17,19 +17,11 @@
height: 100%;
display: flex;
flex-direction: column;
padding-top: 40px;
}
.content {
flex: 1;
padding: 40px 120px;
@include desktop {
padding: 40px 40px 20px 40px;
}
@include tablet {
padding: 40px 20px 20px 20px;
}
}
.footer {

View file

@ -92,6 +92,8 @@ export default defineComponent({
z-index: 1;
display: flex;
flex-direction: column;
@include container;
}
.sidebar {

29
layouts/landing.vue Normal file
View file

@ -0,0 +1,29 @@
<template>
<div>
<div :class="$style.header_container">
<div :class="$style.header_content">
<LayoutHeader />
</div>
</div>
<NuxtLayout name="content">
<slot />
</NuxtLayout>
</div>
</template>
<script lang="ts" setup></script>
<style lang="scss" module>
@import "@/assets/css/mixins";
.header_container {
position: sticky;
top: 0;
background: var(--color-background);
}
.header_content {
@include container;
}
</style>