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/Components/Editor/Pane.svelte | 41 ++++++++++++++++++++++++++++++
 1 file changed, 41 insertions(+)
 create mode 100644 src_frontend/Components/Editor/Pane.svelte

(limited to 'src_frontend/Components/Editor/Pane.svelte')

diff --git a/src_frontend/Components/Editor/Pane.svelte b/src_frontend/Components/Editor/Pane.svelte
new file mode 100644
index 0000000..143c569
--- /dev/null
+++ b/src_frontend/Components/Editor/Pane.svelte
@@ -0,0 +1,41 @@
+<script>
+    export let header;
+    export let padding = true;
+    export let scrollable = true;
+</script>
+
+<style>
+    .box {
+        background-color: #444242;
+        border-radius: 5px;
+        height: 100%;
+    }
+    .header {
+        width: 100%;
+        padding: 10px;
+        box-sizing: border-box;
+        border-bottom: 1px solid #333333; 
+    }
+    .header h1 {
+        margin: 0;
+        font-size: 12px;
+        font-weight: bold;
+        text-transform: uppercase;
+    }
+    .content {
+        height: calc(100% - 35px);
+        width: 100%;
+        box-sizing: border-box;
+    }
+    .padding { padding: 15px; } 
+    .scrollable { overflow: auto; }
+</style>
+
+<div class="box">
+    <div class="header">
+        <h1>{header}</h1>
+    </div>
+    <div class="content" class:padding={padding} class:scrollable={scrollable}>
+        <slot></slot>
+    </div>
+</div>
\ No newline at end of file
-- 
cgit v1.2.3

