diff options
| author | Jakob Stendahl <14180120+JakobST1n@users.noreply.github.com> | 2021-10-11 20:02:04 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-10-11 20:02:04 +0200 |
| commit | c67531161e56488166a33232f87566309ba8676e (patch) | |
| tree | 846e59a020e80bea48557d5a06af5728e44961ff /src_frontend/layout/Phone.svelte | |
| parent | e6880cd8ccf82d993f222cb14b4860581654acb8 (diff) | |
| parent | c1b6eec770b885a9829e1f62bad5cc99389ca429 (diff) | |
| download | Luxcena-Neo-c67531161e56488166a33232f87566309ba8676e.tar.gz Luxcena-Neo-c67531161e56488166a33232f87566309ba8676e.zip | |
Merge pull request #24 from JakobST1n/rebuild
v1.0.0
Diffstat (limited to 'src_frontend/layout/Phone.svelte')
| -rw-r--r-- | src_frontend/layout/Phone.svelte | 50 |
1 files changed, 50 insertions, 0 deletions
diff --git a/src_frontend/layout/Phone.svelte b/src_frontend/layout/Phone.svelte new file mode 100644 index 0000000..dc8d69a --- /dev/null +++ b/src_frontend/layout/Phone.svelte @@ -0,0 +1,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>
\ No newline at end of file |