diff options
| author | Adam Soltys <[email protected]> | 2026-02-13 12:03:11 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2026-02-13 12:03:11 -0800 |
| commit | c2acd85a9ab05463be16c14b677b36595fe0d594 (patch) | |
| tree | 832dd6a2b8251730a196b3bca429624b76f988c6 /src/components | |
| parent | 017d6aedc65f33002b7f5f3f31917c3b9802127f (diff) | |
| download | coinos-ui-c2acd85a9ab05463be16c14b677b36595fe0d594.tar.gz coinos-ui-c2acd85a9ab05463be16c14b677b36595fe0d594.zip | |
accounts ui
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/Account.svelte | 42 |
1 files changed, 24 insertions, 18 deletions
diff --git a/src/components/Account.svelte b/src/components/Account.svelte index 750907f5..f3f85b13 100644 --- a/src/components/Account.svelte +++ b/src/components/Account.svelte @@ -132,27 +132,33 @@ onkeydown={(e) => (e.key === "Enter" || e.key === " ") && goPayments(e)} > <div class="flex items-start justify-between gap-4"> - <Balance {balance} {user} {rate} {id} /> - <a - href={`/account/${id}`} - class="text-lg flex items-center gap-2 shrink-0 text-gray-600" - aria-label="Account settings" - onclick={goSettings} - > - {displayName} - {#if isArk} - <img src="/images/ark.png" class="w-8 h-8 rounded-full object-cover" alt="Ark" /> - {:else if seed || (user.seed && fingerprint)} - <iconify-icon noobserver icon="cryptocurrency-color:btc" width="32"></iconify-icon> - {:else} - <img src="/images/icon.png" class="w-8 h-8" alt="Coinos" /> - {/if} - </a> + <div> + <div class="text-sm text-gray-500">{displayName}</div> + <Balance {balance} {user} {rate} {id} /> + </div> + <div class="flex items-center gap-4 shrink-0 text-gray-600"> + <a + href="/payments" + class="hover:text-gray-800" + aria-label="Payment history" + onclick={(e) => setAccount(e, "/payments")} + > + <iconify-icon noobserver icon="ph:clock-counter-clockwise-bold" width="32"></iconify-icon> + </a> + <a + href={`/account/${id}`} + class="hover:text-gray-800" + aria-label="Account settings" + onclick={goSettings} + > + <iconify-icon noobserver icon="ph:gear-bold" width="32"></iconify-icon> + </a> + </div> </div> <div class="flex w-full text-xl gap-2"> <a href={"/invoice"} class="contents" onclick={(e) => setAccount(e, "/invoice")}> - <button class="btn !w-auto flex-1 !bg-base-300" data-testid="account-receive"> + <button class="btn !w-auto flex-1 !rounded-none" data-testid="account-receive"> <iconify-icon noobserver icon="ph:hand-coins-bold" width="32" flip="horizontal" ></iconify-icon> <div class="my-auto hidden sm:block">{$t("user.dashboard.receive")}</div> @@ -160,7 +166,7 @@ </a> <a href={`/send`} class="contents" onclick={(e) => setAccount(e, "/send")}> - <button type="button" class="btn !w-auto flex-1 !bg-base-300"> + <button type="button" class="btn btn-accent !w-auto flex-1 !rounded-none"> <iconify-icon noobserver icon="ph:paper-plane-right-bold" width="32"></iconify-icon> <div class="my-auto hidden sm:block">{$t("user.dashboard.send")}</div> </button> |