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 | |
| parent | c12de2f5be6a79af632a7477c8eb935432843104 (diff) | |
| download | coinos-ui-585506d4ffe828df0c5bf74b91dc50fb978f73b4.tar.gz coinos-ui-585506d4ffe828df0c5bf74b91dc50fb978f73b4.zip | |
move locale selector
| -rw-r--r-- | src/components/Footer.svelte | 12 | ||||
| -rw-r--r-- | src/components/LandingHeader.svelte | 4 | ||||
| -rw-r--r-- | src/components/LocaleSelector.svelte | 9 | ||||
| -rw-r--r-- | src/locales/en.json | 9 | ||||
| -rw-r--r-- | src/routes/news/+page.svelte | 1 |
5 files changed, 26 insertions, 9 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> diff --git a/src/locales/en.json b/src/locales/en.json index f13c0b80..a92f67ba 100644 --- a/src/locales/en.json +++ b/src/locales/en.json @@ -48,13 +48,14 @@ } }, "footer": { + "company": "Company", "followUs": "Follow Us", - "twitter": "Twitter", "github": "GitHub", - "company": "Company", - "telegram": "Telegram", + "jobs": "Jobs", "support": "Support", - "jobs": "Jobs" + "telegram": "Telegram", + "twitter": "Twitter", + "news": "News" }, "howItWorks": { "header": "How It Works", diff --git a/src/routes/news/+page.svelte b/src/routes/news/+page.svelte new file mode 100644 index 00000000..41e843b5 --- /dev/null +++ b/src/routes/news/+page.svelte @@ -0,0 +1 @@ +News |