44 lines
907 B
Svelte
44 lines
907 B
Svelte
<script>
|
|
import BaseHeaderLogo from "./BaseHeaderLogo.svelte";
|
|
import NavMenu from "../../components/NavMenu.svelte";
|
|
import BaseNavMenuLinks from "./BaseNavMenuLinks.svelte";
|
|
import BaseNavMenuAuth from "./BaseNavMenuAuth.svelte";
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
@import "../../../scss/vars";
|
|
@import "../../../scss/helpers";
|
|
|
|
header {
|
|
@if $headerContainer {
|
|
@include container;
|
|
}
|
|
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
margin-bottom: 16px;
|
|
padding: 0;
|
|
|
|
height: $headerHeight;
|
|
|
|
@include medium-le {
|
|
z-index: 1;
|
|
position: sticky;
|
|
top: 0;
|
|
flex-direction: row-reverse;
|
|
|
|
@include surface(3);
|
|
}
|
|
}
|
|
</style>
|
|
|
|
<header>
|
|
<BaseHeaderLogo/>
|
|
<NavMenu>
|
|
<BaseNavMenuLinks/>
|
|
<BaseNavMenuAuth/>
|
|
</NavMenu>
|
|
</header>
|