about summary refs log tree commit diff
path: root/assets/src/components/Header.svelte
blob: 61aa02addf53d467aff402ba6a41ff971f193e9e (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<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 {
        position: absolute;
        display: flex;
        padding: 4rem 4rem 3rem;
        box-sizing: border-box;
        width: 100%;
    }
</style>