diff options
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/AppHeader.svelte | 8 | ||||
| -rw-r--r-- | src/components/LandingHeader.svelte | 8 |
2 files changed, 15 insertions, 1 deletions
diff --git a/src/components/AppHeader.svelte b/src/components/AppHeader.svelte index 9998a4f6..d329dff5 100644 --- a/src/components/AppHeader.svelte +++ b/src/components/AppHeader.svelte @@ -3,10 +3,18 @@ import { goto } from '$app/navigation'; import { Icon } from '$comp'; + + import { locale, locales } from 'svelte-i18n'; </script> <header class="bg-gradient-to-r from-primary to-gradient h-[20vh] w-full relative"> <nav class="flex justify-end items-center space-x-4 p-5"> + <select bind:value={$locale}> + {#each $locales as locale} + <option value={locale}>{locale}</option> + {/each} + </select> + <button class="bg-white p-2 rounded-full w-12 h-12" on:click={() => goto('/receive')} ><Icon icon="numpad" style="mx-auto" /></button > 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> |