fix icons

11 files changed, 18 insertions, 18 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