Fix brands icons.

nikoshell · nikoshell · commit 2187b97f62fe · 2025-05-06T23:05:59.000+02:00
diff --git a/src/components/SponsorCard.astro b/src/components/SponsorCard.astro
@@ -164,7 +164,7 @@ const socialLinks = [
                   class={`social-icon ${iconColor}`}
                 >
                   <span class="social-icon-inner">
-                    <Icon name={link.icon} size="fa-lg" />
+                    <Icon name={link.icon} style="brands" size="fa-lg" />
                   </span>
                 </a>
               );
diff --git a/src/components/ui/Icon.astro b/src/components/ui/Icon.astro
@@ -2,6 +2,7 @@
 const {
   name,
   svg = false,
+  style="solid",
   class: className = "",
   size = "", // Default size (Tailwind)
   label = "",
@@ -20,7 +21,7 @@ const {
   </svg>
 ) : (
   <i
-    class={`fa-solid fa-${name} ${size} ${className}`}
+      class={`fa-${style} fa-${name} ${size} ${className}`}
     aria-label={label || undefined}
     role={label ? role : "presentation"}
     aria-hidden={!label}
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -31,7 +31,6 @@ const externalDomain = new URL(Astro.site || "").hostname;
     </Fragment>
 
   <body>
-
       <header>
         <Header />
       </header>

Original file line number	Diff line number	Diff line change
`@@ -164,7 +164,7 @@ const socialLinks = [`
`164`	`164`	class={`social-icon ${iconColor}`}
`165`	`165`	`>`
`166`	`166`	`<span class="social-icon-inner">`
`167`		`- <Icon name={link.icon} size="fa-lg" />`
	`167`	`+ <Icon name={link.icon} style="brands" size="fa-lg" />`
`168`	`168`	`</span>`
`169`	`169`	`</a>`
`170`	`170`	`);`