diff options
| author | Adam Soltys <[email protected]> | 2024-11-06 11:23:11 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2024-11-06 11:23:11 -0800 |
| commit | e78f596698f8d4618600f6feaba36ee97fc3228d (patch) | |
| tree | a4a55c8010cfb223246aaeb7a8323f81ab82f389 /src | |
| parent | 6538101862114f89fc8a559b16f01b917888ac8c (diff) | |
| download | coinos-ui-e78f596698f8d4618600f6feaba36ee97fc3228d.tar.gz coinos-ui-e78f596698f8d4618600f6feaba36ee97fc3228d.zip | |
smaller icons
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/AppHeader.svelte | 14 | ||||
| -rw-r--r-- | src/routes/(app)/[username]/(profile)/+page.svelte | 15 |
2 files changed, 11 insertions, 18 deletions
diff --git a/src/components/AppHeader.svelte b/src/components/AppHeader.svelte index 6b2497aa..130411dd 100644 --- a/src/components/AppHeader.svelte +++ b/src/components/AppHeader.svelte @@ -56,7 +56,7 @@ ? 'opacity-100' : 'opacity-70 hover:opacity-80'}" > - <iconify-icon icon="ph:house-bold" width="32" /> + <iconify-icon icon="ph:house-bold" width="24" /> </button> </a> <a href={`/${user.username}/receive`}> @@ -70,7 +70,7 @@ <iconify-icon icon="ph:hand-coins-bold" flip="horizontal" - width="32" + width="24" /> </button> </a> @@ -80,7 +80,7 @@ .url.pathname === `/payments` ? 'opacity-100' : 'opacity-70 hover:opacity-80'} relative" - ><iconify-icon icon="ph:clock-bold" width="32" /> + ><iconify-icon icon="ph:clock-bold" width="24" /> {#if $newPayment} <span class="absolute top-0 right-0"> <span class="flex h-3 w-3"> @@ -101,7 +101,7 @@ .url.pathname === `/send` ? 'opacity-100' : 'opacity-70 hover:opacity-80'}" - ><iconify-icon icon="ph:paper-plane-right-bold" width="32" /> + ><iconify-icon icon="ph:paper-plane-right-bold" width="24" /> </button> </a> <div class="relative"> @@ -115,7 +115,7 @@ showMenu ? 'opacity-80' : '' }`}" on:click={() => (showMenu = !showMenu)} - ><iconify-icon icon="ph:list-bold" width="32" /> + ><iconify-icon icon="ph:list-bold" width="24" /> </button> <div @@ -135,7 +135,7 @@ icon={$theme === "dark" ? "ph:sun-bold" : "ph:moon-stars-bold"} - width="30" + width="32" /> {$t(`nav.${$theme === "dark" ? "light" : "dark"}`)} </button> @@ -148,7 +148,7 @@ <button class="flex justify-center items-center font-semibold hover:opacity-80 gap-2" > - <iconify-icon {icon} width="30" /> + <iconify-icon {icon} width="32" /> {$t(key)} </button> </a> diff --git a/src/routes/(app)/[username]/(profile)/+page.svelte b/src/routes/(app)/[username]/(profile)/+page.svelte index 29bf7943..4bbf582f 100644 --- a/src/routes/(app)/[username]/(profile)/+page.svelte +++ b/src/routes/(app)/[username]/(profile)/+page.svelte @@ -47,17 +47,10 @@ </button> </a> - {#if $installPrompt} - <button - class="rounded-2xl border py-5 px-6 font-bold hover:opacity-80 flex bg-black text-white xl:hidden w-full justify-center" - on:click={install} - > - <div class="mx-auto flex gap-2"> - <Icon icon="save" style="w-8 mx-auto invert" /> - <div class="my-auto text-xl whitespace-nowrap"> - {$t("user.install")} - </div> - </div> + {#if $installPrompt || true} + <button class="btn btn-accent" on:click={install}> + <iconify-icon icon="ph:floppy-disk-bold" width="32" /> + {$t("user.install")} </button> {/if} {/if} |