diff options
| author | Adam Soltys <[email protected]> | 2023-12-06 20:33:45 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2023-12-06 20:33:45 -0800 |
| commit | 6b3ff247e4125941a611369ed9bb74a2ffca57d8 (patch) | |
| tree | 91da939350398188834e5e002bc78011a2a8e5bf /src/components/Footer.svelte | |
| parent | bb59ac3e4e7fcbf7f8a48820eab0ee21558183fc (diff) | |
| parent | d69c34cf389639eac82d24d1f1b02f038ef42399 (diff) | |
| download | coinos-ui-6b3ff247e4125941a611369ed9bb74a2ffca57d8.tar.gz coinos-ui-6b3ff247e4125941a611369ed9bb74a2ffca57d8.zip | |
Merge branch 'master' into swapee
Diffstat (limited to 'src/components/Footer.svelte')
| -rw-r--r-- | src/components/Footer.svelte | 112 |
1 files changed, 61 insertions, 51 deletions
diff --git a/src/components/Footer.svelte b/src/components/Footer.svelte index b1d50017..92fb23c6 100644 --- a/src/components/Footer.svelte +++ b/src/components/Footer.svelte @@ -1,6 +1,7 @@ <script> - import { Icon, LocaleSelector } from '$comp'; - import { t } from '$lib/translations'; + import Icon from "$comp/Icon.svelte"; + import LocaleSelector from "$comp/LocaleSelector.svelte"; + import { t } from "$lib/translations"; const followLinks = [ { url: 'https://twitter.com/swapeewallet', titleID: 'twitter' }, @@ -8,58 +9,67 @@ { url: 'https://linktr.ee/swapee.me', titleID: 'linktree' } ]; - const companyLinks = [ - { url: '/docs', titleID: 'documentation' }, - { url: '/support', titleID: 'support' } - ]; + const companyLinks = [ + { url: "/docs", titleID: "documentation" }, + { url: "/support", titleID: "support" }, + ]; </script> -<footer class="space-y-10 md:space-y-0 text-xl block md:flex justify-around mb-20"> - <div class="space-y-5"> - <div class="text-center w-full"> - <a href="/"><Icon icon="logo" style="w-48 mx-auto md:mx-0" /></a> - </div> - <div class="flex gap-2 justify-center sm:hidden"> - <div> - <a href="/register"> - <button - class="bg-black text-white border rounded-full px-4 py-2 font-bold hover:opacity-80 text-lg" - > - {$t('nav.startInSeconds')} - </button> - </a> - </div> - </div> - <div class="w-full flex"> - <div class="mx-auto"> - <LocaleSelector - style="p-2 text-center hover:opacity-80 cursor-pointer border rounded-full" - /> - </div> - </div> - </div> +<footer + class="space-y-10 md:space-y-0 text-xl block md:flex justify-around mb-20" +> + <div class="space-y-5"> + <div class="text-center w-full"> + <a href="/"><Icon icon="logo" style="w-48 mx-auto md:mx-0" /></a> + </div> + <div class="flex gap-2 justify-center sm:hidden"> + <div> + <a href="/register"> + <button + class="bg-black text-white border rounded-full px-4 py-2 font-bold hover:opacity-80 text-lg" + > + {$t("nav.startInSeconds")} + </button> + </a> + </div> + </div> + <div class="w-full flex"> + <div class="mx-auto"> + <LocaleSelector + style="p-2 text-center hover:opacity-80 cursor-pointer border rounded-full" + /> + </div> + </div> + </div> - <div class="text-center md:text-left"> - <p class="font-semibold">{$t('footer.followUs')}</p> - <ul class="mt-5 text-secondary space-y-3 font-medium"> - {#each followLinks as link} - <li> - <a href={link.url} target="_blank" rel="noreferrer" class="hover:opacity-80" - >{$t('footer.' + link.titleID)}</a - > - </li> - {/each} - </ul> - </div> + <div class="text-center md:text-left"> + <p class="font-semibold">{$t("footer.followUs")}</p> + <ul class="mt-5 text-secondary space-y-3 font-medium"> + {#each followLinks as link} + <li> + <a + href={link.url} + target="_blank" + rel="noreferrer" + class="hover:opacity-80">{$t("footer." + link.titleID)}</a + > + </li> + {/each} + </ul> + </div> - <div class="text-center md:text-left"> - <p class="font-semibold">{$t('footer.company')}</p> - <ul class="mt-5 text-secondary space-y-3"> - {#each companyLinks as link} - <li><a href={link.url} class="hover:opacity-80">{$t('footer.' + link.titleID)}</a></li> - {/each} - </ul> - </div> + <div class="text-center md:text-left"> + <p class="font-semibold">{$t("footer.company")}</p> + <ul class="mt-5 text-secondary space-y-3"> + {#each companyLinks as link} + <li> + <a href={link.url} class="hover:opacity-80" + >{$t("footer." + link.titleID)}</a + > + </li> + {/each} + </ul> + </div> - <Icon icon="shield" style="mx-auto md:mx-0" /> + <Icon icon="shield" style="mx-auto md:mx-0" /> </footer> |