diff options
| author | Adam Soltys <[email protected]> | 2023-12-01 20:04:13 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2023-12-01 20:04:13 -0800 |
| commit | 216a600224fde22ce76b367557a02094ec693886 (patch) | |
| tree | d1189bbaa39db204633523132a7d4767b952717d /src/components/Footer.svelte | |
| parent | 7d9bc1f54dfd04172e8d6d43ebc2efd6f407e833 (diff) | |
| download | coinos-ui-216a600224fde22ce76b367557a02094ec693886.tar.gz coinos-ui-216a600224fde22ce76b367557a02094ec693886.zip | |
prettier
Diffstat (limited to 'src/components/Footer.svelte')
| -rw-r--r-- | src/components/Footer.svelte | 121 |
1 files changed, 65 insertions, 56 deletions
diff --git a/src/components/Footer.svelte b/src/components/Footer.svelte index eda26526..c1ac79cf 100644 --- a/src/components/Footer.svelte +++ b/src/components/Footer.svelte @@ -1,65 +1,74 @@ <script> - import { Icon, LocaleSelector } from '$comp'; - import { t } from '$lib/translations'; + import { Icon, LocaleSelector } from "$comp"; + import { t } from "$lib/translations"; - const followLinks = [ - { url: 'https://twitter.com/coinoswallet', titleID: 'twitter' }, - { url: 'https://t.me/coinoswallet', titleID: 'telegram' }, - { url: 'https://linktr.ee/coinos.io', titleID: 'linktree' } - ]; + const followLinks = [ + { url: "https://twitter.com/coinoswallet", titleID: "twitter" }, + { url: "https://t.me/coinoswallet", titleID: "telegram" }, + { url: "https://linktr.ee/coinos.io", 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> |