diff options
| author | Jakob Stendahl <jakob.stendahl@outlook.com> | 2021-09-19 19:43:11 +0200 |
|---|---|---|
| committer | Jakob Stendahl <jakob.stendahl@outlook.com> | 2021-09-19 19:43:11 +0200 |
| commit | 7bdce37fd3f18e2712e18c4e2c64cac69af0aca1 (patch) | |
| tree | b7ad3f1cca92e2dfd2664ae9e65652bd03ff58b2 /src_frontend/layout/Desktop.svelte | |
| parent | e6880cd8ccf82d993f222cb14b4860581654acb8 (diff) | |
| download | Luxcena-Neo-7bdce37fd3f18e2712e18c4e2c64cac69af0aca1.tar.gz Luxcena-Neo-7bdce37fd3f18e2712e18c4e2c64cac69af0aca1.zip | |
:boom: Introduce new UI based on svelte, and rewrite a lot of the node app and the NeoRuntime
Diffstat (limited to 'src_frontend/layout/Desktop.svelte')
| -rw-r--r-- | src_frontend/layout/Desktop.svelte | 48 |
1 files changed, 48 insertions, 0 deletions
diff --git a/src_frontend/layout/Desktop.svelte b/src_frontend/layout/Desktop.svelte new file mode 100644 index 0000000..e90a4a2 --- /dev/null +++ b/src_frontend/layout/Desktop.svelte @@ -0,0 +1,48 @@ +<script> + import ControlComponents from "../Components/MainControls/ControlComponents.svelte"; + import MainMenu from "../Components/MainMenu.svelte"; + import NotifsWrapper from "../Components/Notifs/NotifsWrapper.svelte"; +</script> + +<style> + .controls { + background-color: white; + position: fixed; + width: 300px; + padding: 15px; + left: 50px; + top: 50px; + bottom: 50px; + + overflow: auto; + border-radius: 15px; + max-height: 500px; + } + + @media (min-height: 600px) { + .controls { + height: 500px; + top: 50%; + transform: translateY(-50%); + } + } + + .content { + margin-left: 400px; + height: 100%; + overflow: auto; + margin-top: 35px; + margin-bottom: 15px; + margin-right: 185px; + padding: 15px; + } +</style> + +<NotifsWrapper /> +<div> + <MainMenu /> + <div class="controls drop-shadow"><ControlComponents /></div> + <div class="content"> + <slot></slot> + </div> +</div>
\ No newline at end of file |