fix: Brands fixed

deco-sites · Oct 22, 2024 · 3e36fe1 · 3e36fe1
1 parent e967a79
commit 3e36fe1
Show file tree

Hide file tree

Showing 3 changed files with 38 additions and 27 deletions.
diff --git a/components/ui/ThirdBanners.tsx b/components/ui/ThirdBanners.tsx
@@ -14,6 +14,8 @@ export interface Banner {
    */
   link: string;
   target?: "_blank" | "_self";
+  width?: number;
+  height?: number;
 }
 
 export interface Props {
@@ -26,7 +28,16 @@ export interface Props {
 }
 
 function BannerCard(
-  { image, alt, title, description, link = "#", target = "_blank" }: Banner,
+  {
+    image,
+    alt,
+    title,
+    description,
+    link = "#",
+    target = "_blank",
+    width,
+    height,
+  }: Banner,
 ) {
   return (
     <div class="flex flex-col items-center justify-center gap-6 w-full h-full">
@@ -36,8 +47,8 @@ function BannerCard(
       >
         <Image
           src={image}
-          width={423}
-          height={321}
+          width={width || 423}
+          height={height || 321}
           alt={alt}
           loading="lazy"
           fetchPriority="low"

diff --git a/sections/Content/Brands.tsx b/sections/Content/Brands.tsx
@@ -62,8 +62,8 @@ export default function Brands(
               >
                 <Image
                   src={brand.image}
-                  width={160 || brand.width}
-                  height={36 || brand.height}
+                  width={brand.width || 160}
+                  height={brand.height || 36}
                   loading="lazy"
                   decoding="async"
                   class="w-full"

diff --git a/static/sprites.svg b/static/sprites.svg