From 9e749509227cf19dd49cb84ce3239d5dd1d9579a Mon Sep 17 00:00:00 2001
From: secondl1ght <85003930+secondl1ght@users.noreply.github.com>
Date: Sat, 17 Sep 2022 11:13:10 -0600
Subject: add hover states to links and buttons

---
 src/components/LandingHeader.svelte | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

(limited to 'src/components/LandingHeader.svelte')

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')}
-- 
cgit v1.2.3