diff options
| author | Melonai <einebeere@gmail.com> | 2021-06-17 00:30:58 +0200 |
|---|---|---|
| committer | Melonai <einebeere@gmail.com> | 2021-06-17 00:30:58 +0200 |
| commit | f6f44950e79041e4f7afe441fc4b850e1030f27a (patch) | |
| tree | 027751b354414260606251c631481f6a4b2c94b9 /assets/src/components/Header.svelte | |
| parent | b98b1cd0e5d07fd37be54592edd362f443a145ad (diff) | |
| download | rook-f6f44950e79041e4f7afe441fc4b850e1030f27a.tar.zst rook-f6f44950e79041e4f7afe441fc4b850e1030f27a.zip | |
Share page design
Diffstat (limited to 'assets/src/components/Header.svelte')
| -rw-r--r-- | assets/src/components/Header.svelte | 18 |
1 files changed, 18 insertions, 0 deletions
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> |