From 68d9e40a14fa654f6ef997a2e69dd0acab2d3dff Mon Sep 17 00:00:00 2001
From: Adam Soltys <adam@coinos.io>
Date: Sun, 3 Nov 2024 23:45:58 -0800
Subject: buttons and icons

---
 src/components/Account.svelte   | 20 ++++++++------------
 src/components/AppHeader.svelte |  4 ++--
 2 files changed, 10 insertions(+), 14 deletions(-)

(limited to 'src/components')

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">
-- 
cgit v1.2.3