diff options
| author | Adam Soltys <[email protected]> | 2024-11-15 12:59:33 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2024-11-15 12:59:38 -0800 |
| commit | efd06b5dc3961e27419a1691ded8a42f7ce8dd36 (patch) | |
| tree | 83df07200403a2358e902c49535d02832f7ca358 /src | |
| parent | 8f352d34159ff0c33fbefb63fdc3d46cdbe8969d (diff) | |
| download | coinos-ui-efd06b5dc3961e27419a1691ded8a42f7ce8dd36.tar.gz coinos-ui-efd06b5dc3961e27419a1691ded8a42f7ce8dd36.zip | |
nwc button styles
Diffstat (limited to 'src')
| -rw-r--r-- | src/routes/(app)/account/[id]/+page.svelte | 33 |
1 files changed, 7 insertions, 26 deletions
diff --git a/src/routes/(app)/account/[id]/+page.svelte b/src/routes/(app)/account/[id]/+page.svelte index 29add530..e342b00a 100644 --- a/src/routes/(app)/account/[id]/+page.svelte +++ b/src/routes/(app)/account/[id]/+page.svelte @@ -17,7 +17,8 @@ let { data } = $props(); let { account, user } = data; let { id, name, seed } = account; - let mnemonic = $state(), password = $state(); + let mnemonic = $state(), + password = $state(); let passwordPrompt = $state(); let cancel = $state(() => (passwordPrompt = false)); let toggle = () => (passwordPrompt = !passwordPrompt); @@ -58,11 +59,7 @@ <div class="my-auto">{$t("accounts.copy")}</div></button > {:else if seed} - <button - onclick={toggle} - type="button" - class="flex gap-2 rounded-2xl border py-5 mx-auto px-6 w-full justify-center" - > + <button onclick={toggle} type="button" class="btn"> <iconify-icon icon="ph:eye-bold" width="32"></iconify-icon> <div class="my-auto">{$t("accounts.revealMnemonic")}</div></button > @@ -70,41 +67,25 @@ <div class="break-all grow text-xl"> {nwc} </div> - <button - onclick={() => copy(nwc)} - type="button" - class="flex gap-2 rounded-2xl border py-5 mx-auto px-6 w-full justify-center" - > + <button onclick={() => copy(nwc)} type="button" class="btn"> <iconify-icon icon="ph:copy-bold" width="32"></iconify-icon> <div class="my-auto">{$t("accounts.copy")}</div></button > <a href={`/qr/${encodeURIComponent(nwc)}`} class="my-auto block"> - <button - onclick={() => copy(nwc)} - type="button" - class="flex gap-2 rounded-2xl border py-5 mx-auto px-6 w-full justify-center" - > + <button onclick={() => copy(nwc)} type="button" class="btn"> <iconify-icon icon="ph:qr-code-bold" width="32"></iconify-icon> <div class="my-auto">{$t("user.receive.showQR")}</div></button > </a> {:else} - <button - onclick={revealNwc} - type="button" - class="flex gap-2 rounded-2xl border py-5 mx-auto px-6 w-full justify-center" - > + <button onclick={revealNwc} type="button" class="btn"> <Icon icon="eye" style="w-8 my-auto" /> <div class="my-auto">{$t("accounts.revealNwc")}</div></button > {/if} {#if seed} - <button - onclick={del} - type="button" - class="flex gap-2 rounded-2xl border py-5 mx-auto px-6 w-full justify-center" - > + <button onclick={del} type="button" class="btn"> <Icon icon="trash" style="w-8 my-auto" /> <div class="my-auto">{$t("accounts.deleteAccount")}</div></button > |