diff options
| author | Adam Soltys <[email protected]> | 2024-04-20 14:38:49 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2024-04-20 14:38:49 -0700 |
| commit | 2f264b6f51ecdc24d8776ccbca03f668155c4f44 (patch) | |
| tree | 75d9eeda5beffeb092db2a64290f66a3a21e90e5 | |
| parent | 0bc5b95562d0c527d3ced3ab66fbb66ba651d67a (diff) | |
| download | coinos-ui-2f264b6f51ecdc24d8776ccbca03f668155c4f44.tar.gz coinos-ui-2f264b6f51ecdc24d8776ccbca03f668155c4f44.zip | |
pay now button
| -rw-r--r-- | src/routes/(app)/[username]/(profile)/+page.svelte | 51 |
1 files changed, 27 insertions, 24 deletions
diff --git a/src/routes/(app)/[username]/(profile)/+page.svelte b/src/routes/(app)/[username]/(profile)/+page.svelte index 9a34117e..1dd8f573 100644 --- a/src/routes/(app)/[username]/(profile)/+page.svelte +++ b/src/routes/(app)/[username]/(profile)/+page.svelte @@ -278,34 +278,37 @@ </button> {/each} </div> - <div class="fixed inset-x-0 mx-autoflex" class:bottom-16={items.length} class:static={!items.length}> - {#if total > 0} - <button - class="rounded-2xl py-5 px-6 font-bold hover:bg-neutral-700 flex bg-black text-white mx-auto" - on:click={checkout} - > - <div class="mx-auto flex"> - <div class="my-auto text-2xl"> - {$t("user.dashboard.checkout")} - {f(total, currency)} - <span class="text-base"> - {sat(btc(total, rate), currency)} - </span> - </div> - </div> - </button> - {:else if user?.username !== subject.username} - <a href={`/pay/${subject.username}`} class="contents"> + <div + class="fixed inset-x-0 mx-auto flex bottom-16" + class:static={!items.length} + > + {#if total > 0} <button class="rounded-2xl py-5 px-6 font-bold hover:bg-neutral-700 flex bg-black text-white mx-auto" + on:click={checkout} > - <div class="mx-auto flex gap-2"> - <Icon icon="send" style="w-8 invert" /> - <div class="my-auto text-2xl">{$t("user.dashboard.payNow")}</div> + <div class="mx-auto flex"> + <div class="my-auto text-2xl"> + {$t("user.dashboard.checkout")} + {f(total, currency)} + <span class="text-base"> + {sat(btc(total, rate), currency)} + </span> + </div> </div> </button> - </a> - {/if} + {:else if user?.username !== subject.username} + <a href={`/pay/${subject.username}`} class="contents"> + <button + class="rounded-2xl py-5 px-6 font-bold hover:bg-neutral-700 flex bg-black text-white mx-auto" + > + <div class="mx-auto flex gap-2"> + <Icon icon="send" style="w-8 invert" /> + <div class="my-auto text-2xl">{$t("user.dashboard.payNow")}</div> + </div> + </button> + </a> + {/if} </div> </div> @@ -323,6 +326,6 @@ } .bottom-half { - @apply bottom-1/2 + @apply bottom-1/2; } </style> |