diff options
| author | Adam Soltys <[email protected]> | 2024-11-03 23:45:58 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2024-11-03 23:45:58 -0800 |
| commit | 68d9e40a14fa654f6ef997a2e69dd0acab2d3dff (patch) | |
| tree | 5c1011e8b066db4423c9d0f38a576bd5ecc1ae2e /src/components | |
| parent | 257c799946bbc123bc39ef64cf0024040511a6ce (diff) | |
| download | coinos-ui-68d9e40a14fa654f6ef997a2e69dd0acab2d3dff.tar.gz coinos-ui-68d9e40a14fa654f6ef997a2e69dd0acab2d3dff.zip | |
buttons and icons
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/Account.svelte | 20 | ||||
| -rw-r--r-- | src/components/AppHeader.svelte | 4 |
2 files changed, 10 insertions, 14 deletions
diff --git a/src/components/Account.svelte b/src/components/Account.svelte index 96aa1964..8943cb16 100644 --- a/src/components/Account.svelte +++ b/src/components/Account.svelte @@ -23,35 +23,31 @@ <Balance {balance} {user} {rate} /> <a href={`/payments`} class="contents" on:click={setAccount}> <button class="ml-auto flex gap-1 mb-auto pb-4 pl-4"> - <Icon icon="clock" style="w-8 my-auto" /> + <iconify-icon icon="ph:clock-bold" width="32" /> </button> </a> <a href={`/account/${id}`} class="contents"> <button class="flex gap-1 mb-auto pb-4 pl-4"> - <Icon icon="settings" style="w-8 my-auto" /> + <iconify-icon icon="ph:gear-bold" width="32" /> </button> </a> </div> <div class="flex justify-center w-full text-xl gap-2"> <a href={`/invoice`} class="contents" on:click={setAccount}> - <button class="py-5 px-6 hover:opacity-80 flex grow rounded-2xl"> - <div class="mx-auto flex gap-2"> - <Icon icon="receive" style="w-8" /> - <div class="my-auto">{$t("user.dashboard.receive")}</div> - </div> + <button class="py-5 px-6 hover:opacity-80 flex grow rounded-2xl gap-2 justify-center items-center"> + <iconify-icon icon="ph:hand-coins-bold" width="32" /> + <div class="my-auto">{$t("user.dashboard.receive")}</div> </button> </a> <a href={`/send`} class="contents grow" on:click={setAccount}> <button type="button" - class="py-5 px-6 hover:opacity-80 flex grow rounded-2xl" + class="py-5 px-6 hover:opacity-80 flex grow rounded-2xa gap-2 justify-center items-center" > - <div class="mx-auto flex gap-1"> - <Icon icon="send" style="w-8" /> - <div class="my-auto">{$t("user.dashboard.send")}</div> - </div> + <iconify-icon icon="ph:paper-plane-right-bold" width="32" /> + <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 4accd0dc..426a6059 100644 --- a/src/components/AppHeader.svelte +++ b/src/components/AppHeader.svelte @@ -52,7 +52,7 @@ ? 'opacity-100' : 'opacity-70 hover:opacity-80'}" > - <iconify-icon icon="pepicons-pop:house" width="32" /> + <iconify-icon icon="ph:house-bold" width="32" /> </button> </a> <a href={`/${user.username}/receive`}> @@ -93,7 +93,7 @@ .url.pathname === `/send` ? 'opacity-100' : 'opacity-70 hover:opacity-80'}" - ><iconify-icon icon="majesticons:send-line" width="32" /> + ><iconify-icon icon="ph:paper-plane-right-bold" width="32" /> </button> </a> <div class="relative"> |