fix icons

22 files changed, 36 insertions, 34 deletions

diff --git a/src/components/404.svelte b/src/components/404.svelte
index e34b4363..a21f9c7e 100644
--- a/src/components/404.svelte
+++ b/src/components/404.svelte
@@ -10,7 +10,7 @@
       <CoinosLogo width="224" class="mx-auto" />
     </a>
 
-    <PhQuestionBold class="mx-auto w-56" />
+    <PhQuestionBold width="224" class="mx-auto" />
 
     <h1 class="font-bold text-5xl">{$t("404.404")}</h1>
     <p>{$t("404.pageNotFound")}</p>
diff --git a/src/components/Amount.svelte b/src/components/Amount.svelte
index 0c504ec6..48ac9f08 100644
--- a/src/components/Amount.svelte
+++ b/src/components/Amount.svelte
@@ -36,9 +36,9 @@
       >
         {#if !canShowFiat}
           {#if locked}
-            <PhLockFill class="text-yellow-300" />
+            <PhLockFill width="20" class="text-yellow-300" />
           {:else}
-            <PhLightningFill class="text-yellow-300" />
+            <PhLightningFill width="20" class="text-yellow-300" />
           {/if}
         {/if}
         <span class:hidden={!canShowFiat}>{f(toFiat(amount, rate), currency, locale)}</span>
diff --git a/src/components/AmountField.svelte b/src/components/AmountField.svelte
index 6b096445..aae258c8 100644
--- a/src/components/AmountField.svelte
+++ b/src/components/AmountField.svelte
@@ -39,7 +39,7 @@
 
   <button type="button" class="flex w-full" onclick={startSetting}>
     <div class="p-4 border rounded-2xl rounded-r-none border-r-0 bg-base-200">
-      <PhLightningFill class="text-yellow-300" />
+      <PhLightningFill width="20" class="text-yellow-300" />
     </div>
 
     <div class="border-l-0 rounded-l-none pl-2 w-full p-4 border rounded-2xl text-left">
diff --git a/src/components/DarkToggle.svelte b/src/components/DarkToggle.svelte
index c478eb33..eba2e91b 100644
--- a/src/components/DarkToggle.svelte
+++ b/src/components/DarkToggle.svelte
@@ -11,9 +11,9 @@
 
 <button class="flex justify-center items-center hover:opacity-80 gap-2 font-bold whitespace-nowrap" onclick={dark}>
   {#if $theme === "dark"}
-    <PhSunBold width="36" />
+    <PhSunBold width="32" />
   {:else}
-    <PhMoonStarsBold width="36" />
+    <PhMoonStarsBold width="32" />
   {/if}
 
   {$t(`nav.${$theme === "dark" ? "light" : "dark"}`)}
diff --git a/src/components/Event.svelte b/src/components/Event.svelte
index 53970848..c08bd452 100644
--- a/src/components/Event.svelte
+++ b/src/components/Event.svelte
@@ -44,7 +44,7 @@
       </div>
       {#if author.lud16}
         <div class="flex items-center">
-          <PhLightningFill class="text-yellow-300" />
+          <PhLightningFill width="20" class="text-yellow-300" />
           {author.lud16}
         </div>
       {/if}
diff --git a/src/components/InvoiceActions.svelte b/src/components/InvoiceActions.svelte
index 6e7ee186..89203413 100644
--- a/src/components/InvoiceActions.svelte
+++ b/src/components/InvoiceActions.svelte
@@ -86,7 +86,7 @@
       >
         <div class="bg-black rounded-full w-8 h-8 items-center justify-center flex">
           <div class="m-auto">
-            <PhLightningFill class="text-yellow-300 text-2xl" />
+            <PhLightningFill width="24" class="text-yellow-300" />
           </div>
         </div>
         <div class="my-auto text-lg">Lightning</div>
diff --git a/src/components/InvoiceTypes.svelte b/src/components/InvoiceTypes.svelte
index 329b057c..dd27c7ef 100644
--- a/src/components/InvoiceTypes.svelte
+++ b/src/components/InvoiceTypes.svelte
@@ -74,7 +74,7 @@
     >
       <div class="bg-black rounded-full w-8 h-8 items-center justify-center flex">
         <div class="m-auto mt-1">
-          <PhLightningFill class="text-yellow-300 text-2xl" />
+          <PhLightningFill width="24" class="text-yellow-300" />
         </div>
       </div>
       <div class="my-auto text-lg">LNURL</div>
@@ -88,7 +88,7 @@
     >
       <div class="bg-black rounded-full w-8 h-8 items-center justify-center flex">
         <div class="m-auto mt-1">
-          <PhLightningFill class="text-yellow-300 text-2xl" />
+          <PhLightningFill width="24" class="text-yellow-300" />
         </div>
       </div>
       <div class="my-auto text-lg">Bolt 12</div>
@@ -111,7 +111,7 @@
     >
       <div class="bg-black rounded-full w-8 h-8 items-center justify-center flex">
         <div class="m-auto mt-1">
-          <PhLightningFill class="text-yellow-300 text-2xl" />
+          <PhLightningFill width="24" class="text-yellow-300" />
         </div>
       </div>
       <div class="my-auto text-lg">Bolt 11</div>
diff --git a/src/components/LandingHero.svelte b/src/components/LandingHero.svelte
index 247b4fdd..bb5f3d8b 100644
--- a/src/components/LandingHero.svelte
+++ b/src/components/LandingHero.svelte
@@ -11,7 +11,7 @@
     <h1
       class="relative text-5xl md:text-6xl lg:text-7xl font-medium text-center w-full md:w-3/4 lg:w-1/2 max-w-7xl mx-auto"
     >
-      <CoinosRays class="absolute -top-14 md:-top-20 left-2/3 -translate-x-1/2" />
+      <CoinosRays width="158" class="absolute -top-14 md:-top-20 left-2/3 -translate-x-1/2" />
       {$t("landing.header_before_icon")}
       {$t("landing.header_with_icon")}
       {$t("landing.header_after_icon")}
diff --git a/src/components/Menu.svelte b/src/components/Menu.svelte
index 75cf6fee..ca64a289 100644
--- a/src/components/Menu.svelte
+++ b/src/components/Menu.svelte
@@ -58,7 +58,7 @@
               <button
                 class="flex justify-center items-center font-semibold hover:opacity-80 gap-2"
               >
-                <Icon width="36" />
+                <Icon width="32" />
                 {t(key)}
               </button>
             </a>
diff --git a/src/components/Numpad.svelte b/src/components/Numpad.svelte
index b4b6547b..eee43621 100644
--- a/src/components/Numpad.svelte
+++ b/src/components/Numpad.svelte
@@ -259,7 +259,7 @@
           <span class:hidden={!fiat}>
             {#if position === "before"}{symbol}{/if}
           </span>
-          <PhLightningFill class="text-yellow-300" />
+          <PhLightningFill width="48" class="text-yellow-300" />
         </div>
 
         <!-- contenteditable input -->
@@ -302,7 +302,7 @@
         }}
       >
         <span class="flex items-center" class:hidden={!fiat}>
-          <PhLightningFill class="text-yellow-300" />
+          <PhLightningFill width="48" class="text-yellow-300" />
           {s(amount, locale)}
         </span>
         <span class:hidden={fiat}>{f(amountFiat, currency, locale)}</span>
diff --git a/src/components/Payments.svelte b/src/components/Payments.svelte
index 2ebe9794..477af7c6 100644
--- a/src/components/Payments.svelte
+++ b/src/components/Payments.svelte
@@ -50,7 +50,7 @@
           {:else}
             <a href={`/fund/${p.memo}`}>
               <div class="text-secondary flex">
-                <PhLightningFill class="text-yellow-300 text-3xl" />
+                <PhLightningFill width="30" class="text-yellow-300" />
 
                 <div class="my-auto">{$t("payments.fund")}</div>
               </div>
@@ -66,11 +66,11 @@
         {:else}
           <div class="text-secondary flex items-center gap-1">
             {#if p.type === types.lightning || p.type === types.bolt12}
-              <PhLightningFill class="text-yellow-300 text-3xl" />
+              <PhLightningFill width="30" class="text-yellow-300" />
             {:else if p.type === types.ecash}
               <img src="/images/cash.png" class="w-12" alt="Ecash" />
             {:else if p.type === types.bitcoin}
-              <LogosBitcoin class="text-3xl" />
+              <LogosBitcoin width="30" />
             {:else if p.type === types.liquid}
               <div class="my-auto">
                 <img
diff --git a/src/routes/(app)/[username]/(profile)/+layout.svelte b/src/routes/(app)/[username]/(profile)/+layout.svelte
index 30e1cdaa..6997b915 100644
--- a/src/routes/(app)/[username]/(profile)/+layout.svelte
+++ b/src/routes/(app)/[username]/(profile)/+layout.svelte
@@ -142,12 +142,12 @@
       {#if satsPerCurrency >= 1}
         <div>{f(1, currency, locale)} &#61;</div>
         <div class="flex items-center">
-          <PhLightningFill class="text-yellow-300" />
+          <PhLightningFill width="20" class="text-yellow-300" />
           {s(satsPerCurrency)}
         </div>
       {:else}
         <div class="flex items-center">
-          <PhLightningFill class="text-yellow-300" />
+          <PhLightningFill width="20" class="text-yellow-300" />
           1
         </div>
         <div>&#61; {f(1 / satsPerCurrency, currency, locale)}</div>
diff --git a/src/routes/(app)/[username]/(profile)/+page.svelte b/src/routes/(app)/[username]/(profile)/+page.svelte
index db569442..2eb424e1 100644
--- a/src/routes/(app)/[username]/(profile)/+page.svelte
+++ b/src/routes/(app)/[username]/(profile)/+page.svelte
@@ -162,7 +162,7 @@
       class="contents"
     >
       <button class="btn btn-accent !text-2xl items-center !w-full sm:!max-w-[400px] mx-auto">
-        <PhLightningFill class="text-yellow-300" />
+        <PhLightningFill width="20" class="text-yellow-300" />
         <div>{$t("user.pay")} {subject.username}</div>
       </button>
     </a>
diff --git a/src/routes/(app)/account/[id]/+page.svelte b/src/routes/(app)/account/[id]/+page.svelte
index a5aacca5..bb0251db 100644
--- a/src/routes/(app)/account/[id]/+page.svelte
+++ b/src/routes/(app)/account/[id]/+page.svelte
@@ -204,7 +204,7 @@
             <label for="threshold" class="font-bold mb-1 block">{$t("user.settings.threshold")}</label>
             <button type="button" class="flex w-full" onclick={editThreshold}>
               <div class="p-4 border rounded-2xl rounded-r-none border-r-0 bg-base-200">
-                <PhLightningFill class="text-yellow-300" />
+                <PhLightningFill width="20" class="text-yellow-300" />
               </div>
               <div class="border-l-0 rounded-l-none pl-2 w-full p-4 border rounded-2xl text-left">
                 {threshold}
diff --git a/src/routes/(app)/invoice/[id]/tip/+page.svelte b/src/routes/(app)/invoice/[id]/tip/+page.svelte
index 8ce3029f..033b34c4 100644
--- a/src/routes/(app)/invoice/[id]/tip/+page.svelte
+++ b/src/routes/(app)/invoice/[id]/tip/+page.svelte
@@ -112,7 +112,7 @@
         </div>
         <div class="ml-auto text-lg flex gap-2" class:hidden={$fiat}>
           <div class="flex items-center">
-            <PhLightningFill class="text-yellow-300" />
+            <PhLightningFill width="20" class="text-yellow-300" />
             <div>{s(amount, locale)}</div>
           </div>
           <div class="flex items-center">
diff --git a/src/routes/(app)/ln/withdrawal/sent/+page.svelte b/src/routes/(app)/ln/withdrawal/sent/+page.svelte
index 879f6e16..34e330e6 100644
--- a/src/routes/(app)/ln/withdrawal/sent/+page.svelte
+++ b/src/routes/(app)/ln/withdrawal/sent/+page.svelte
@@ -11,7 +11,7 @@
 
 <div class="text-center mt-20 md:mt-0">
   <div class="flex w-full max-w-[200px] mx-auto py-20" in:scale={{ start: 0.5 }}>
-    <PhCheckBold class="mx-auto w-full text-[#7ACC8F]" />
+    <PhCheckBold width="96" class="mx-auto text-[#7ACC8F]" />
   </div>
   <h1 class="text-3xl md:text-4xl font-bold mb-6">Request Sent!</h1>
 </div>
diff --git a/src/routes/(app)/payment/[id]/+page.svelte b/src/routes/(app)/payment/[id]/+page.svelte
index 3e8c4788..78ae22c3 100644
--- a/src/routes/(app)/payment/[id]/+page.svelte
+++ b/src/routes/(app)/payment/[id]/+page.svelte
@@ -125,7 +125,7 @@
     >
       <div class:hidden={!$fiat}>{f(toFiat(amount, rate), currency, userLocale)}</div>
       <div class="flex items-center" class:hidden={$fiat}>
-        <PhLightningFill class="text-yellow-300" />
+        <PhLightningFill width="20" class="text-yellow-300" />
         {s(amount, userLocale)}
       </div>
     </button>
@@ -184,7 +184,7 @@
     >
       <span class:hidden={!$fiat}>{f(toFiat(a, rate), currency, userLocale)}</span>
       <span class="flex items-center" class:hidden={$fiat}>
-        <PhLightningFill class="text-yellow-300" />
+        <PhLightningFill width="20" class="text-yellow-300" />
         {s(a, userLocale)}
       </span>
     </button>
@@ -237,7 +237,7 @@
     {:else if type === types.fund}
       <div class="pt-4">
         <a href={`/fund/${memo}`} class="btn btn-accent w-full">
-          <PhLightningFill class="text-yellow-300" />
+          <PhLightningFill width="20" class="text-yellow-300" />
           {$t("payments.viewFund")}
         </a>
       </div>
@@ -246,7 +246,7 @@
       <div class="pt-4">
         <a href={`/e/${eid}`} class="btn btn-accent w-full">
           <img src="/images/nostr.png" class="w-6" alt="Nostr" />
-          <PhLightningFill class="text-yellow-300" />
+          <PhLightningFill width="20" class="text-yellow-300" />
           {$t("payments.zappedEvent")}
         </a>
       </div>
diff --git a/src/routes/(app)/send/[...text]/+page.svelte b/src/routes/(app)/send/[...text]/+page.svelte
index c1d0a918..658864ba 100644
--- a/src/routes/(app)/send/[...text]/+page.svelte
+++ b/src/routes/(app)/send/[...text]/+page.svelte
@@ -122,7 +122,7 @@
 
     <a href="/send/fund" class="block">
       <button type="button" class="btn">
-        <PhLightningFill class="text-yellow-300 text-2xl" />
+        <PhLightningFill width="24" class="text-yellow-300" />
         <div class="my-auto">{$t("payments.createFund")}</div>
       </button>
     </a>
diff --git a/src/routes/(app)/settings/nostr/+page.svelte b/src/routes/(app)/settings/nostr/+page.svelte
index 61c33c4b..3a27bc88 100644
--- a/src/routes/(app)/settings/nostr/+page.svelte
+++ b/src/routes/(app)/settings/nostr/+page.svelte
@@ -77,7 +77,7 @@
             {#if app.max_amount > 0}
               <div class="flex gap-1 text-base">
                 <div class="flex items-center">
-                  <PhLightningFill class="text-yellow-300" />
+                  <PhLightningFill width="20" class="text-yellow-300" />
                   <span class:hidden={!($fiat && $rate)}>{f((app.spent * ($rate as number)) / sats, user.currency, locale)} / {f((app.max_amount * ($rate as number)) / sats, user.currency, locale)}</span>
                   <span class:hidden={$fiat && $rate}>{s(app.spent, locale)} / {s(app.max_amount, locale)}</span>
                 </div>
diff --git a/src/routes/(app)/verify/[code]/+page.svelte b/src/routes/(app)/verify/[code]/+page.svelte
index 8cfcaaef..de9a20b6 100644
--- a/src/routes/(app)/verify/[code]/+page.svelte
+++ b/src/routes/(app)/verify/[code]/+page.svelte
@@ -13,7 +13,7 @@
     <h1 class="text-3xl md:text-4xl font-bold mb-6">Email verification failed</h1>
   {:else if user.verified}
     <div class="flex w-full py-5 max-w-[200px] mx-auto" in:scale={{ start: 0.5 }}>
-      <PhCheckBold class="mx-auto w-full text-[#7ACC8F]" />
+      <PhCheckBold width="96" class="mx-auto text-[#7ACC8F]" />
     </div>
 
     <h1 class="text-3xl md:text-4xl font-bold mb-6">Email verified successfully!</h1>
diff --git a/src/routes/(static)/bounties/+page.svelte b/src/routes/(static)/bounties/+page.svelte
index cc2ac77c..6f8967c2 100644
--- a/src/routes/(static)/bounties/+page.svelte
+++ b/src/routes/(static)/bounties/+page.svelte
@@ -42,7 +42,7 @@
       <div class="flex max-w-xs sm:max-w-xl">
         <div>First {b}</div>
 
-        <PhLightningFill class="text-yellow-300 ml-auto" />
+        <PhLightningFill width="20" class="text-yellow-300 ml-auto" />
         {s(100000, "en-CA")}
       </div>
     {/each}
@@ -55,7 +55,7 @@
       <div class="flex max-w-xs sm:max-w-xl">
         <div>{b.type}</div>
 
-        <PhLightningFill class="text-yellow-300 ml-auto" />
+        <PhLightningFill width="20" class="text-yellow-300 ml-auto" />
         {s(b.amount, "en-CA")}
       </div>
     {/each}
@@ -100,7 +100,7 @@
           </div>
 
           <div class="ml-auto flex shrink-0 items-center gap-1 whitespace">
-            <PhLightningFill class="text-yellow-300" />
+            <PhLightningFill width="20" class="text-yellow-300" />
             <span class="text-sm font-semibold tabular-nums">{s(amount, "en-CA")}</span>
           </div>
         </div>
diff --git a/src/routes/+layout.ts b/src/routes/+layout.ts
index 0fcf5ec8..56a0cc14 100644
--- a/src/routes/+layout.ts
+++ b/src/routes/+layout.ts
@@ -24,4 +24,6 @@ export const load = async ({ data }) => {
       if (theme === "dark") setTimeout(() => themeStore.set(theme), 100);
     }
   }
+
+  return data;
 };