From a9072370ca1eb9a5cce928b1d487db0f307edea6 Mon Sep 17 00:00:00 2001
From: ivarlovlie <git@ivarlovlie.no>
Date: Tue, 20 Sep 2022 15:24:27 +0800
Subject: feat: Move old apps into it's own directory

---
 .../web-shared/src/components/pre-header.svelte    | 37 ++++++++++++++++++++++
 1 file changed, 37 insertions(+)
 create mode 100644 old-apps/web-shared/src/components/pre-header.svelte

(limited to 'old-apps/web-shared/src/components/pre-header.svelte')

diff --git a/old-apps/web-shared/src/components/pre-header.svelte b/old-apps/web-shared/src/components/pre-header.svelte
new file mode 100644
index 0000000..87a19b1
--- /dev/null
+++ b/old-apps/web-shared/src/components/pre-header.svelte
@@ -0,0 +1,37 @@
+<script>
+	export let closable = true;
+	export let show = false;
+</script>
+
+<div class="pre-header padding-y-xs" style="{show ? '' : 'display:none'}">
+    <div class="container max-width-lg position-relative">
+        <div class="text-component text-sm padding-right-lg">
+            <p>
+                <slot/>
+            </p>
+        </div>
+        {#if closable}
+            <button class="reset pre-header__close-btn"
+                    on:click={(event) => event.target.closest(".pre-header")?.remove()}>
+                <svg class="icon"
+                     viewBox="0 0 20 20">
+                    <title>Close header banner</title>
+                    <g fill="none"
+                       stroke="currentColor"
+                       stroke-linecap="round"
+                       stroke-linejoin="round"
+                       stroke-width="2">
+                        <line x1="4"
+                              y1="4"
+                              x2="16"
+                              y2="16"/>
+                        <line x1="16"
+                              y1="4"
+                              x2="4"
+                              y2="16"/>
+                    </g>
+                </svg>
+            </button>
+        {/if}
+    </div>
+</div>
-- 
cgit v1.3

