diff options
| author | Adam Soltys <[email protected]> | 2022-09-15 14:17:42 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2022-09-15 14:17:42 -0700 |
| commit | 585506d4ffe828df0c5bf74b91dc50fb978f73b4 (patch) | |
| tree | 5850232877727f0939276ffa3afc999ca3fa1c97 /src/components | |
| parent | c12de2f5be6a79af632a7477c8eb935432843104 (diff) | |
| download | coinos-ui-585506d4ffe828df0c5bf74b91dc50fb978f73b4.tar.gz coinos-ui-585506d4ffe828df0c5bf74b91dc50fb978f73b4.zip | |
move locale selector
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/Footer.svelte | 12 | ||||
| -rw-r--r-- | src/components/LandingHeader.svelte | 4 | ||||
| -rw-r--r-- | src/components/LocaleSelector.svelte | 9 |
3 files changed, 20 insertions, 5 deletions
diff --git a/src/components/Footer.svelte b/src/components/Footer.svelte index a1173f74..b5fbaa1b 100644 --- a/src/components/Footer.svelte +++ b/src/components/Footer.svelte @@ -1,5 +1,5 @@ <script> - import { Icon } from '$comp'; + import { Icon, LocaleSelector } from '$comp'; import { t } from '$lib/translations'; const followLinks = [ @@ -9,13 +9,21 @@ ]; const companyLinks = [ + { url: '/news', titleID: 'news' }, { url: 'mailto:[email protected]', titleID: 'support' }, { url: '/jobs', titleID: 'jobs' } ]; </script> <footer class="space-y-10 md:space-y-0 text-xl block md:flex justify-around items-center mb-20"> - <Icon icon="logo" style="w-48 mx-auto md:mx-0" /> + <div> + <div class="text-center w-full mb-8"> + <a href="/"><Icon icon="logo" style="w-48 mx-auto md:mx-0" /></a> + </div> + <div class="text-center"> + <LocaleSelector style="p-3 rounded-md" /> + </div> + </div> <div class="text-center md:text-left"> <p class="font-semibold">{$t('footer.followUs')}</p> diff --git a/src/components/LandingHeader.svelte b/src/components/LandingHeader.svelte index 4424959d..4508ad25 100644 --- a/src/components/LandingHeader.svelte +++ b/src/components/LandingHeader.svelte @@ -1,7 +1,7 @@ <script> import { goto } from '$app/navigation'; import { scroll } from '$lib/utils'; - import { Icon, LocaleSelector } from '$comp'; + import { Icon } from '$comp'; import { user } from '$lib/store'; import { t } from '$lib/translations'; @@ -23,7 +23,6 @@ <Icon icon="logo" style="mb-5 xl:mb-0" /> </a> <Icon icon="logo" style="block md:hidden ml-5 w-48" /> - <LocaleSelector style="py-1 rounded-md hidden md:block mb-5 xl:mb-0" /> </div> <!-- desktop nav --> @@ -102,7 +101,6 @@ {$t('nav.signOut')} </button> {/if} - <LocaleSelector style="py-1 rounded-md" /> </div> </div> </nav> diff --git a/src/components/LocaleSelector.svelte b/src/components/LocaleSelector.svelte index e1888e9f..9f4a1428 100644 --- a/src/components/LocaleSelector.svelte +++ b/src/components/LocaleSelector.svelte @@ -8,3 +8,12 @@ <option value={locale}>{$t(`lang.${locale}`)}</option> {/each} </select> + +<style> +select { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: none; +} + </style> |