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/routes/invoice/[id]/+page.svelte | 21 ++++++++++-----------
 1 file changed, 10 insertions(+), 11 deletions(-)

(limited to 'src/routes/invoice')

diff --git a/src/routes/invoice/[id]/+page.svelte b/src/routes/invoice/[id]/+page.svelte
index d5c0282f..67cd8efa 100644
--- a/src/routes/invoice/[id]/+page.svelte
+++ b/src/routes/invoice/[id]/+page.svelte
@@ -157,7 +157,7 @@
 {#if $invoices[id]?.status !== 'paid'}
 	<div class:full-shadow={showMobileTip}>
 		<button
-			class="ml-5 md:ml-20 mt-5 md:mt-10"
+			class="ml-5 md:ml-20 mt-5 md:mt-10 hover:opacity-80"
 			class:invisible={!$user}
 			disabled={showMobileTip}
 			on:click={handleBackButton}
@@ -233,14 +233,10 @@
 									placeholder="Other"
 								/>
 								<button
-									class="w-full mt-2 bg-black text-white font-semibold py-3 px-7 rounded-2xl {showMobileTip
-										? !customTipAmount && !tipAmount
-											? 'opacity-50'
-											: 'opacity-100'
-										: !customTipAmount
+									class="w-full mt-2 bg-black text-white font-semibold py-3 px-7 rounded-2xl {!customTipAmount
 										? 'opacity-50'
-										: 'opacity-100'}"
-									disabled={showMobileTip ? !customTipAmount && !tipAmount : !customTipAmount}
+										: 'opacity-100 hover:opacity-80'}"
+									disabled={!customTipAmount}
 									on:click={apply}>Apply</button
 								>
 								<!-- found missing translation --->
@@ -300,11 +296,11 @@
 
 					<div>
 						<button
-							class="border border-lightgrey rounded-md p-2 mx-2 hover:bg-primary"
+							class="border border-lightgrey rounded-md p-2 mx-2 hover:opacity-80"
 							on:click={toggleFullscreen}><Icon icon="expand" /></button
 						>
 						<button
-							class="border border-lightgrey rounded-md p-2 mx-2 hover:bg-primary"
+							class="border border-lightgrey rounded-md p-2 mx-2 hover:opacity-80"
 							on:click={() => copy(text)}><Icon icon="copy" /></button
 						>
 					</div>
@@ -360,7 +356,10 @@
 			{totalAmountFormatted}
 		</h2>
 		<h3 class="text-secondary md:text-lg mb-6 mt-1">({totalAmountSats} SAT)</h3>
-		<button class="bg-black text-white rounded-2xl w-20 py-3 font-bold" on:click={handleDoneClick}>
+		<button
+			class="bg-black text-white rounded-2xl w-20 py-3 font-bold hover:opacity-80"
+			on:click={handleDoneClick}
+		>
 			{$t('invoice.done')}
 		</button>
 	</div>
-- 
cgit v1.2.3