diff options
| author | Adam Soltys <[email protected]> | 2026-02-26 14:08:26 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2026-02-26 14:08:26 -0800 |
| commit | 36079a4309b5628c7a253264aed1da41b149841b (patch) | |
| tree | 7f9e8aefc0ebe6434da093c867f11efd577c38a4 /src/components | |
| parent | e854eb48370dc3e3d7ac452ed31d648fb0cd3d9c (diff) | |
| download | coinos-ui-36079a4309b5628c7a253264aed1da41b149841b.tar.gz coinos-ui-36079a4309b5628c7a253264aed1da41b149841b.zip | |
ui tweaks
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/Account.svelte | 12 | ||||
| -rw-r--r-- | src/components/AppHeader.svelte | 16 |
2 files changed, 17 insertions, 11 deletions
diff --git a/src/components/Account.svelte b/src/components/Account.svelte index 2ea7c9c0..ab788eb2 100644 --- a/src/components/Account.svelte +++ b/src/components/Account.svelte @@ -175,7 +175,7 @@ </script> <div - class="space-y-4 p-4 cursor-pointer hover:bg-base-200" + class="space-y-4 cursor-pointer hover:bg-base-200" aria-label="Payments" data-testid="account-card" data-account-type={accountType} @@ -184,7 +184,7 @@ onclick={goPayments} onkeydown={(e) => (e.key === "Enter" || e.key === " ") && goPayments(e)} > - <div class="flex items-start justify-between gap-4"> + <div class="flex items-start justify-between gap-4 md:p-4"> <div> <div class="text-lg text-gray-400">{displayName}</div> {#if $importing.has(id)} @@ -198,7 +198,7 @@ {/if} {/if} </div> - <div class="flex items-center gap-1 shrink-0 text-black"> + <div class="flex items-center gap-1 shrink-0 text-base-content"> <a href="/payments" class="hover:text-gray-800 w-10 h-10 flex items-center justify-center" @@ -226,7 +226,7 @@ noobserver icon="ph:gear-bold" width="20" - class="absolute -bottom-1 -right-1 text-black bg-base-100 rounded-full" + class="absolute -bottom-1 -right-1 text-base-content bg-base-100 rounded-full" ></iconify-icon> </a> </div> @@ -237,14 +237,14 @@ <button class="btn !w-auto flex-1" 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> + <div class="my-auto">{$t("user.dashboard.receive")}</div> </button> </a> <a href={`/send`} class="contents" onclick={(e) => setAccount(e, "/send")}> <button type="button" class="btn btn-accent !w-auto flex-1"> <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> + <div class="my-auto">{$t("user.dashboard.send")}</div> </button> </a> </div> diff --git a/src/components/AppHeader.svelte b/src/components/AppHeader.svelte index ca196cdf..27698a77 100644 --- a/src/components/AppHeader.svelte +++ b/src/components/AppHeader.svelte @@ -21,12 +21,18 @@ : undefined, ); + let isHome = $derived($page.url.pathname === `/${user?.username}`); + const links = $derived([ - { - href: `/${user?.username}`, - icon: "ph:house-bold", - label: "Home", - }, + ...(!isHome + ? [ + { + href: `/${user?.username}`, + icon: "ph:house-bold", + label: "Home", + }, + ] + : []), // { // href: `/scan`, // icon: "ph:camera-bold", |