diff options
| author | mat <github@matdoes.dev> | 2022-02-15 03:05:09 +0000 |
|---|---|---|
| committer | mat <github@matdoes.dev> | 2022-02-15 03:05:09 +0000 |
| commit | fcabd988bd9b98eb5afda600345e14a302fbd4ee (patch) | |
| tree | 069724e9e0b3543d33fe1ee73f1523cf13b2e1f7 /src/lib/Header.svelte | |
| parent | ffe5eea0ce73cae8657c547f881b6f41270fef37 (diff) | |
| download | skyblock-stats-fcabd988bd9b98eb5afda600345e14a302fbd4ee.tar.gz skyblock-stats-fcabd988bd9b98eb5afda600345e14a302fbd4ee.tar.bz2 skyblock-stats-fcabd988bd9b98eb5afda600345e14a302fbd4ee.zip | |
add stuff
Diffstat (limited to 'src/lib/Header.svelte')
| -rw-r--r-- | src/lib/Header.svelte | 31 |
1 files changed, 31 insertions, 0 deletions
diff --git a/src/lib/Header.svelte b/src/lib/Header.svelte new file mode 100644 index 0000000..6ab7a33 --- /dev/null +++ b/src/lib/Header.svelte @@ -0,0 +1,31 @@ +<script lang="ts"> + import { enhance } from '$lib/form' + + export let backArrowHref = '/' +</script> + +<header id="main-header"> + <a href={backArrowHref} class="back-arrow-anchor" aria-label="back"> + <svg class="back-arrow" height="33" width="23"> + <path d="M 14 0 l -13 13 l 13 13" stroke-width="2" fill="none" /> + </svg> + </a> + <form action="/player" method="post" class="user-form" use:enhance> + <!-- use:enhance={{ + result: async ({ form }) => { + form.reset() + }, + }} --> + <input + class="enter-username-button" + type="text" + placeholder="Enter username" + name="user-search" + autocomplete="off" + autocorrect="off" + autocapitalize="off" + spellcheck="false" + aria-label="Enter username" + /> + </form> +</header> |