diff options
| author | Adam Soltys <[email protected]> | 2024-11-14 13:32:52 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2024-11-14 16:09:51 -0800 |
| commit | 0f35462ebdde3701e8fe927b3debace9abf79305 (patch) | |
| tree | 786d8c833e16762b87a193fb4c09d634784f7744 /src/routes/(app)/payments | |
| parent | 614fbd99b7963ec89666b8b4252fa5f73c81653c (diff) | |
| download | coinos-ui-0f35462ebdde3701e8fe927b3debace9abf79305.tar.gz coinos-ui-0f35462ebdde3701e8fe927b3debace9abf79305.zip | |
payment amount helpers
Diffstat (limited to 'src/routes/(app)/payments')
| -rw-r--r-- | src/routes/(app)/payments/[...page]/+page.svelte | 33 |
1 files changed, 16 insertions, 17 deletions
diff --git a/src/routes/(app)/payments/[...page]/+page.svelte b/src/routes/(app)/payments/[...page]/+page.svelte index d2f9782b..e651ba90 100644 --- a/src/routes/(app)/payments/[...page]/+page.svelte +++ b/src/routes/(app)/payments/[...page]/+page.svelte @@ -214,12 +214,14 @@ class="font-bold flex items-center" class:text-red-800={p.amount < 0} > - <iconify-icon - icon="ph:lightning-fill" - width="24" - class="text-yellow-300" - ></iconify-icon> - {si(Math.abs(p.amount) + (p.tip || 0), 0, 1)} + <div class="flex items-center"> + <iconify-icon + icon="ph:lightning-fill" + width="24" + class="text-yellow-300" + ></iconify-icon> + <div>{si(Math.abs(p.amount), 0, 1)}</div> + </div> {#if p.tip} <span class="text-sm text-secondary"> @@ -256,28 +258,25 @@ </div> </div> {:else} - <div class="text-secondary flex gap-2"> + <div class="text-secondary flex items-center gap-1"> {#if p.type === types.lightning} - <div class="text-3xl"><iconify-icon icon="ph:lightning-fill" class="text-yellow-300" - ></iconify-icon></div> + <iconify-icon + icon="ph:lightning-fill" + class="text-yellow-300 text-3xl" + ></iconify-icon> {:else if p.type === types.ecash} <img src="/images/cash.png" class="w-12" /> {:else if p.type === types.reconcile} <iconify-icon icon="ph:scales-bold" width="32" ></iconify-icon> {:else if p.type === types.bitcoin} - <div class="my-auto"> - <img - src="/images/bitcoin.svg" - class="w-12 border-4 border-transparent" - alt="Bitcoin" - /> - </div> + <iconify-icon icon="logos:bitcoin" class="text-3xl" + ></iconify-icon> {:else if p.type === types.liquid} <div class="my-auto"> <img src="/images/liquid.svg" - class="w-12 border-4 border-transparent" + class="w-10 border-4 border-transparent" alt="Liquid" /> </div> |