diff options
| author | Adam Soltys <[email protected]> | 2022-11-11 14:06:51 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2022-11-11 14:06:56 -0800 |
| commit | db829d605437ed1ff9cf9bce2363b24f3ab0e00f (patch) | |
| tree | c83ace96aa901b99b3bafb850cd1a866f211f2e0 /src/components | |
| parent | 98919a3c57334f6fe055cf7195527274c3c6c138 (diff) | |
| download | coinos-ui-db829d605437ed1ff9cf9bce2363b24f3ab0e00f.tar.gz coinos-ui-db829d605437ed1ff9cf9bce2363b24f3ab0e00f.zip | |
homepage tweaks
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/About.svelte | 6 | ||||
| -rw-r--r-- | src/components/Footer.svelte | 11 | ||||
| -rw-r--r-- | src/components/LocationsMap.svelte | 9 |
3 files changed, 18 insertions, 8 deletions
diff --git a/src/components/About.svelte b/src/components/About.svelte index 7c38d819..4e3b7d25 100644 --- a/src/components/About.svelte +++ b/src/components/About.svelte @@ -49,8 +49,8 @@ </h3> <div class="space-y-10 2xl:space-y-0 2xl:grid gap-y-10 grid-cols-2"> {#each team as member} - <div class="md:flex justify-center items-center 2xl:items-start md:space-x-10"> - <div> + <div class="md:flex justify-center 2xl:items-start md:space-x-10"> + <div class="w-[220px]"> <Image image={member.name} style="rounded-full mx-auto w-40 h-40 mb-5 object-cover" /> <div class="space-y-2"> @@ -74,7 +74,7 @@ {/each} </div> </div> - <div class="mt-5 md:mt-0 text-secondary text-xl w-full md:w-[450px]"> + <div class="text-secondary text-xl w-full md:w-[450px] mt-5"> {$t(`about.team.${member.name}.bio`)} </div> </div> diff --git a/src/components/Footer.svelte b/src/components/Footer.svelte index 0b0a2b72..0ea934e6 100644 --- a/src/components/Footer.svelte +++ b/src/components/Footer.svelte @@ -20,7 +20,16 @@ <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"> + <div class="flex gap-2 justify-center"> + <div> + <a href="/register"> + <button + class="bg-black text-white border rounded-full px-6 py-4 font-bold hover:opacity-80 text-lg" + > + Get started + </button> + </a> + </div> <LocaleSelector style="p-2 rounded-md text-center hover:opacity-80 cursor-pointer" /> </div> </div> diff --git a/src/components/LocationsMap.svelte b/src/components/LocationsMap.svelte index b3be164f..8a1b6afd 100644 --- a/src/components/LocationsMap.svelte +++ b/src/components/LocationsMap.svelte @@ -188,10 +188,11 @@ onDestroy(async () => map && map.remove()); </script> -<div - class="mx-auto w-full md:w-11/12 lg:w-3/4 2xl:w-1/2 max-w-7xl h-[450px] z-0" - bind:this={mapElement} -/> +<div class="container mx-auto max-w-4xl"> + <div class="flex w-full"> + <div class="mx-auto h-[450px] w-full z-0" bind:this={mapElement} /> + </div> +</div> <style> @import 'leaflet/dist/leaflet.css'; |