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/Footer.svelte | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

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

diff --git a/src/components/Footer.svelte b/src/components/Footer.svelte
index a4006dc3..5e0aeb4a 100644
--- a/src/components/Footer.svelte
+++ b/src/components/Footer.svelte
@@ -21,7 +21,7 @@
 			<a href="/"><Icon icon="logo" style="w-48 mx-auto md:mx-0" /></a>
 		</div>
 		<div class="text-center">
-			<LocaleSelector style="p-2 rounded-md text-center" />
+			<LocaleSelector style="p-2 rounded-md text-center hover:opacity-80 cursor-pointer" />
 		</div>
 	</div>
 
@@ -30,7 +30,9 @@
 		<ul class="mt-5 text-secondary space-y-3 font-medium">
 			{#each followLinks as link}
 				<li>
-					<a href={link.url} target="_blank" rel="noreferrer">{$t('footer.' + link.titleID)}</a>
+					<a href={link.url} target="_blank" rel="noreferrer" class="hover:opacity-80"
+						>{$t('footer.' + link.titleID)}</a
+					>
 				</li>
 			{/each}
 		</ul>
@@ -40,7 +42,7 @@
 		<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}>{$t('footer.' + link.titleID)}</a></li>
+				<li><a href={link.url} class="hover:opacity-80">{$t('footer.' + link.titleID)}</a></li>
 			{/each}
 		</ul>
 	</div>
-- 
cgit v1.2.3