diff options
| author | secondl1ght <[email protected]> | 2022-09-17 11:13:10 -0600 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2022-09-24 09:05:08 -0700 |
| commit | 9e749509227cf19dd49cb84ce3239d5dd1d9579a (patch) | |
| tree | 40b4419a2f81ca7a00b0169d88164c9293c8190b /src/components/LandingHeader.svelte | |
| parent | d12525469342ccb65473d6fdb4d617f347835075 (diff) | |
| download | coinos-ui-9e749509227cf19dd49cb84ce3239d5dd1d9579a.tar.gz coinos-ui-9e749509227cf19dd49cb84ce3239d5dd1d9579a.zip | |
add hover states to links and buttons
Diffstat (limited to 'src/components/LandingHeader.svelte')
| -rw-r--r-- | src/components/LandingHeader.svelte | 14 |
1 files changed, 9 insertions, 5 deletions
diff --git a/src/components/LandingHeader.svelte b/src/components/LandingHeader.svelte index 4508ad25..c979e2c8 100644 --- a/src/components/LandingHeader.svelte +++ b/src/components/LandingHeader.svelte @@ -27,15 +27,19 @@ <!-- desktop nav --> <div class="hidden space-x-10 md:flex flex-wrap justify-center items-center font-bold"> - <button on:click={() => scroll(howItWorks)}>{$t('howItWorks.header')}</button> - <button on:click={() => scroll(faq)}>{$t('faq.header')}</button> - <button on:click={() => scroll(about)}>{$t('about.header')}</button> + <button class="hover:opacity-80" on:click={() => scroll(howItWorks)} + >{$t('howItWorks.header')}</button + > + <button class="hover:opacity-80" on:click={() => scroll(faq)}>{$t('faq.header')}</button> + <button class="hover:opacity-80" on:click={() => scroll(about)}>{$t('about.header')}</button> {#if !$user} - <button class="border rounded-full px-6 py-2 font-bold" on:click={() => goto('/register')} + <button + class="border rounded-full px-6 py-2 font-bold hover:opacity-80" + on:click={() => goto('/register')} >{$t('nav.startInSeconds')} </button> <button - class="bg-black text-white border rounded-full px-6 py-2 font-bold" + class="bg-black text-white border rounded-full px-6 py-2 font-bold hover:opacity-80" on:click={() => goto('/login')} > {$t('nav.signIn')} |