From ae1c0add85daeae8bc44c34f9559bcd50c56d873 Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Tue, 2 Jan 2024 16:47:24 -0800
Subject: hover states

---
 src/routes/(app)/[username]/invoice/[id]/+page.svelte | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

(limited to 'src')

diff --git a/src/routes/(app)/[username]/invoice/[id]/+page.svelte b/src/routes/(app)/[username]/invoice/[id]/+page.svelte
index e99a6d95..3be9cec9 100644
--- a/src/routes/(app)/[username]/invoice/[id]/+page.svelte
+++ b/src/routes/(app)/[username]/invoice/[id]/+page.svelte
@@ -169,7 +169,7 @@
 
   <div class="flex justify-center gap-2">
     <button
-      class="hover:opacity-80 my-auto flex gap-1 p-2"
+      class="hover:bg-gray-200 my-auto flex gap-1 p-2"
       class:bg-gray-200={type === types.bitcoin}
       on:click={() => setType(types.bitcoin)}
     >
@@ -178,7 +178,7 @@
     </button>
 
     <button
-      class="hover:opacity-80 my-auto flex gap-1 p-2"
+      class="hover:bg-gray-200 my-auto flex gap-1 p-2"
       class:bg-gray-200={type === types.liquid}
       on:click={() => setType(types.liquid)}
     >
@@ -187,11 +187,13 @@
     </button>
 
     <button
-      class="hover:opacity-80 flex gap-1 p-2"
+      class="hover:bg-gray-200 flex gap-1 p-2"
       class:bg-gray-200={type === types.lightning}
       on:click={() => setType(types.lightning)}
     >
-      <div>⚡️</div>
+      <div class="bg-white rounded-full w-8 h-8 text-center flex">
+        <div class="m-auto">⚡️</div>
+      </div>
       <div class="my-auto text-lg">Lightning</div>
     </button>
   </div>
-- 
cgit v1.2.3