From 7bdce37fd3f18e2712e18c4e2c64cac69af0aca1 Mon Sep 17 00:00:00 2001
From: Jakob Stendahl <jakob.stendahl@outlook.com>
Date: Sun, 19 Sep 2021 19:43:11 +0200
Subject: :boom: Introduce new UI based on svelte, and rewrite a lot of the
 node app and the NeoRuntime

---
 src_frontend/layout/Desktop.svelte | 48 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 48 insertions(+)
 create mode 100644 src_frontend/layout/Desktop.svelte

(limited to 'src_frontend/layout/Desktop.svelte')

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
-- 
cgit v1.2.3

