diff options
| author | Adrien Hopkins <[email protected]> | 2022-07-29 13:15:27 -0500 |
|---|---|---|
| committer | Adrien Hopkins <[email protected]> | 2022-07-29 13:15:51 -0500 |
| commit | b57597a0487ea5d6451ea43c32d083df40fd9353 (patch) | |
| tree | 520cdd55cb67b87ab47e8d29fff7c815d576d40b /src/components/LandingHeader.svelte | |
| parent | 0f767571be758ec7eb3c11c5bcd608adfbb9328b (diff) | |
| download | coinos-ui-b57597a0487ea5d6451ea43c32d083df40fd9353.tar.gz coinos-ui-b57597a0487ea5d6451ea43c32d083df40fd9353.zip | |
added a temporary locale selector to the top bar
Diffstat (limited to 'src/components/LandingHeader.svelte')
| -rw-r--r-- | src/components/LandingHeader.svelte | 8 |
1 files changed, 7 insertions, 1 deletions
diff --git a/src/components/LandingHeader.svelte b/src/components/LandingHeader.svelte index b0ac0a9d..5faebb59 100644 --- a/src/components/LandingHeader.svelte +++ b/src/components/LandingHeader.svelte @@ -3,7 +3,7 @@ import { scroll } from '$lib/utils'; import { Icon } from '$comp'; - import { _ } from 'svelte-i18n'; + import { _, locale, locales } from 'svelte-i18n'; export let howItWorks; export let faq; @@ -15,6 +15,12 @@ <Icon icon="logo" style="mx-auto mb-5 xl:mb-0" /> </a> + <select bind:value={$locale}> + {#each $locales as locale} + <option value={locale}>{locale}</option> + {/each} + </select> + <div class="hidden space-x-10 md:flex flex-wrap justify-center items-center font-bold"> <button on:click={() => scroll(howItWorks)}>{$_('howItWorks')}</button> <button on:click={() => scroll(faq)}>{$_('FAQ')}</button> |