diff options
| author | Adam Soltys <[email protected]> | 2024-02-21 22:38:46 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2024-02-21 22:38:46 -0800 |
| commit | 401c3b3fa0c05592fc7f15e622f7906f32c986ef (patch) | |
| tree | 07bb056fe984f19f66467e63158b80ff21078438 | |
| parent | de2e9f5c6e4cf2ea18bc460df433867c6df3bf7f (diff) | |
| download | coinos-ui-401c3b3fa0c05592fc7f15e622f7906f32c986ef.tar.gz coinos-ui-401c3b3fa0c05592fc7f15e622f7906f32c986ef.zip | |
styles
| -rw-r--r-- | src/routes/(app)/[username]/invoice/[id]/+page.svelte | 18 |
1 files changed, 8 insertions, 10 deletions
diff --git a/src/routes/(app)/[username]/invoice/[id]/+page.svelte b/src/routes/(app)/[username]/invoice/[id]/+page.svelte index c539125b..68d9d4c7 100644 --- a/src/routes/(app)/[username]/invoice/[id]/+page.svelte +++ b/src/routes/(app)/[username]/invoice/[id]/+page.svelte @@ -145,15 +145,13 @@ {/if} {#each invoice.items as i} - <div class="flex tabular-nums"> - <div class="mr-auto"><span class="mr-2">{i.quantity}</span> {i.name}</div> - <div class="flex gap-2"> - <div class="font-semibold"> - {f(i.price * i.quantity, currency)} - </div> - <div class="text-secondary"> - {sat(btc(i.price * i.quantity, rate))} - </div> + <div class="grid grid-cols-4 text-xl"> + <div class="mr-auto grow col-span-2"><span class="mr-2">{i.quantity}</span> {i.name}</div> + <div class="font-semibold text-right"> + {f(i.price * i.quantity, currency)} + </div> + <div class="text-secondary text-right text-lg my-auto"> + {sat(btc(i.price * i.quantity, rate))} </div> </div> {/each} @@ -170,7 +168,7 @@ {/if} </div> <div> - <span class="text-secondary font-normal text-lg" + <span class="text-secondary font-normal text-xl" >⚡️{`${s(amount)}`}</span > |