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

---
 .../Components/Notifs/NotifsWrapper.svelte         | 33 ++++++++++++++++++++++
 1 file changed, 33 insertions(+)
 create mode 100644 src_frontend/Components/Notifs/NotifsWrapper.svelte

(limited to 'src_frontend/Components/Notifs/NotifsWrapper.svelte')

diff --git a/src_frontend/Components/Notifs/NotifsWrapper.svelte b/src_frontend/Components/Notifs/NotifsWrapper.svelte
new file mode 100644
index 0000000..e68e2e2
--- /dev/null
+++ b/src_frontend/Components/Notifs/NotifsWrapper.svelte
@@ -0,0 +1,33 @@
+<script>
+    import { notifs } from "../../stores/notifs";
+    import Notif from "./Notif.svelte";
+    export let position = "bottom-center";
+    $: transitionType = position === "bottom-center" ? "fade" : "fly";
+</script>
+
+<style>
+.notifications {
+    position: absolute;
+    z-index: 999;
+}
+.bottom-center {
+    bottom: 20px;
+    left: 5vw;
+    width: 90vw;
+}
+.top-right {
+    top: 20px;
+    right: 20px;
+}
+</style>
+
+<div class="notifications {position}">
+{#each $notifs as notification (notification.id)}
+    <Notif
+    nid={notification.id}
+    text={notification.text}
+    title={notification.title}
+    type={notification.type}
+    {transitionType} />
+{/each}
+</div>
\ No newline at end of file
-- 
cgit v1.2.3

