blob: dc8d69a953ea2f0e2de6c562c18e8a4822009a50 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
|
<script>
import NotifsWrapper from "../Components/Notifs/NotifsWrapper.svelte";
import MainMenu from "../Components/MainMenu.svelte";
import Drawer from "./Drawer.svelte";
let drawerOpen;
function toggleDrawer() {
drawerOpen = !drawerOpen;
}
</script>
<style>
main {
background-color: #3c3b3b;
height: 100%;
width: 100%;
}
.header {
position: fixed;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: var(--theme-phone-header-height);
color: white;
}
.header > * {
margin: auto;
}
.header > div:first-child, .header > div:last-child {
margin-left: 15px;
margin-right: 15px;
}
</style>
<NotifsWrapper />
<main>
<div class="header">
<div><!--<i class="fas fa-chevron-left"></i>--></div>
<div>Luxcena NEO</div>
<div on:click={toggleDrawer}><i class="fas fa-bars"></i></div>
</div>
<MainMenu />
<Drawer bind:open={drawerOpen}>
<slot></slot>
</Drawer>
</main>
|
