From f6f44950e79041e4f7afe441fc4b850e1030f27a Mon Sep 17 00:00:00 2001
From: Melonai <einebeere@gmail.com>
Date: Thu, 17 Jun 2021 00:30:58 +0200
Subject: Share page design

---
 assets/src/components/Header.svelte | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 assets/src/components/Header.svelte

(limited to 'assets/src/components/Header.svelte')

diff --git a/assets/src/components/Header.svelte b/assets/src/components/Header.svelte
new file mode 100644
index 0000000..c956ca9
--- /dev/null
+++ b/assets/src/components/Header.svelte
@@ -0,0 +1,18 @@
+<script lang="ts">
+    import RookIcon from "./icons/RookIcon.svelte";
+
+    export let color: "white" | "black";
+</script>
+
+<header>
+    <RookIcon color={color === "black" ? "white" : "black"} />
+</header>
+
+<style>
+    header {
+        padding: 5rem;
+        box-sizing: border-box;
+        position: absolute;
+        width: 100%;
+    }
+</style>
-- 
cgit 1.4.1

