From f7e4c0a0a7f28e2a3c8ae05053395948e6448b0c Mon Sep 17 00:00:00 2001
From: Adam Soltys <adam@coinos.io>
Date: Wed, 7 May 2025 12:53:53 -0700
Subject: improve invoices page

---
 src/routes/(app)/invoices/+page.svelte | 21 ++++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

diff --git a/src/routes/(app)/invoices/+page.svelte b/src/routes/(app)/invoices/+page.svelte
index 8de240c2..fbacb2df 100644
--- a/src/routes/(app)/invoices/+page.svelte
+++ b/src/routes/(app)/invoices/+page.svelte
@@ -7,17 +7,28 @@
 
 <div class="container w-full mx-auto text-lg px-2 space-y-2">
   <div class="mx-auto flex justify-center w-full gap-1">
-    <div class="grid grid-cols-12 w-full text-center text-lg break-all gap-2">
+    <div
+      class="grid md:grid-cols-12 w-full text-center text-lg break-all gap-x-2"
+    >
       {#each invoices as i}
-        <div class="col-span-2 whitespace-nowrap">{i.type}</div>
+        <div class="md:col-span-2 whitespace-nowrap mt-8 md:mt-0">{i.type}</div>
         {#if show[i.id]}
-          <div class="col-span-8">{i.hash}</div>
+          <div class="md:col-span-8">{i.hash}</div>
         {:else}
-          <div class="cursor-pointer grow col-span-8" onclick={() => display(i.id)}>
+          <div
+            class="cursor-pointer grow md:col-span-6"
+            onclick={() => display(i.id)}
+          >
             {i.hash.substr(0, 12)}
+            {#if !show[i.id]}...{/if}
           </div>
         {/if}
-        <div class="col-span-2 whitespace-nowrap">{i.received} / {i.amount}</div>
+        <div class="md:col-span-2 whitespace-nowrap">
+          {i.received} / {i.amount}
+        </div>
+        <div class="whitespace-nowrap">
+          {i.memo?.startsWith("[") ? JSON.parse(i.memo)[0][1] : i.memo}
+        </div>
       {/each}
     </div>
   </div>
-- 
cgit v1.2.3