diff options
| author | Adam Soltys <[email protected]> | 2025-05-07 12:53:53 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2025-05-07 12:53:53 -0700 |
| commit | f7e4c0a0a7f28e2a3c8ae05053395948e6448b0c (patch) | |
| tree | b50cdc2e384f5f4d0708d9b0c9f72cb60009543c | |
| parent | 03fac9720794235b1169a3eefca391505f6f3b5e (diff) | |
| download | coinos-ui-f7e4c0a0a7f28e2a3c8ae05053395948e6448b0c.tar.gz coinos-ui-f7e4c0a0a7f28e2a3c8ae05053395948e6448b0c.zip | |
improve invoices page
| -rw-r--r-- | src/routes/(app)/invoices/+page.svelte | 21 |
1 files 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> |