diff options
| author | Adam Soltys <[email protected]> | 2026-03-04 09:31:38 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2026-03-04 09:31:38 -0800 |
| commit | 3fdb649666e47a053fcd51e1ee45f3b959ab788f (patch) | |
| tree | 8ed072b28a3237310e38433a35ad044af4177557 /src | |
| parent | ba579c4f801be258128294e7cb1f4d2e518e37ca (diff) | |
| download | coinos-ui-3fdb649666e47a053fcd51e1ee45f3b959ab788f.tar.gz coinos-ui-3fdb649666e47a053fcd51e1ee45f3b959ab788f.zip | |
settings icon
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/Account.svelte | 24 |
1 files changed, 12 insertions, 12 deletions
diff --git a/src/components/Account.svelte b/src/components/Account.svelte index 0be08a05..67a359ee 100644 --- a/src/components/Account.svelte +++ b/src/components/Account.svelte @@ -1,7 +1,7 @@ <script lang="ts"> import PhClockCounterClockwiseBold from "virtual:icons/ph/clock-counter-clockwise-bold"; import CryptocurrencyColorBtc from "virtual:icons/cryptocurrency-color/btc"; - import PhFadersBold from "virtual:icons/ph/faders-bold"; + import PhGearBold from "virtual:icons/ph/gear-bold"; import PhHandCoinsBold from "virtual:icons/ph/hand-coins-bold"; import PhPaperPlaneRightBold from "virtual:icons/ph/paper-plane-right-bold"; import { bytesToHex } from "@noble/hashes/utils.js"; @@ -146,20 +146,20 @@ <!-- </a> --> <a href={`/account/${id}`} - class="hover:opacity-80 relative w-10 h-10 flex items-center justify-center" + class="hover:opacity-80 relative w-12 h-12 flex items-center justify-center" aria-label="Account settings" onclick={goSettings} > - {#if isArk} - <img src="/images/ark.png" class="w-8 h-8 rounded-full object-cover bg-neutral" alt="Ark" /> - {:else if seed || fingerprint} - <div class="w-8 h-8 flex items-center justify-center"> - <CryptocurrencyColorBtc width="32" /> - </div> - {:else} - <img src="/images/icon.png" class="w-8 h-8" alt="Coinos" /> - {/if} - <!-- <PhFadersBold width="20" class="absolute -bottom-1 -right-1 text-base-content bg-base-100 rounded-full" /> --> + <PhGearBold width="32" /> + <div class="absolute bottom-0 right-0 bg-base-100 rounded-full p-0.5"> + {#if isArk} + <img src="/images/ark.png" class="w-4 h-4 rounded-full object-cover bg-neutral" alt="Ark" /> + {:else if seed || fingerprint} + <CryptocurrencyColorBtc width="16" /> + {:else} + <img src="/images/icon.png" class="w-4 h-4" alt="Coinos" /> + {/if} + </div> </a> </div> </div> |