Update colspan for sponser section and update object-cover from venue

AndroidMontreal · Sep 20, 2024 · 66fa3bd · 66fa3bd
1 parent a496a4d
commit 66fa3bd
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 18 deletions.
diff --git a/public/images/partners/flutter_engineering.svg b/public/images/partners/flutter_engineering.svg
diff --git a/src/components/elements/SponsorCard.js b/src/components/elements/SponsorCard.js
@@ -1,27 +1,28 @@
 import Image from 'next/image';
 import { v4 as uuidv4 } from 'uuid';
 
-
 const SponsorCard = ({ sponsors }) => {
   return (
     <div className="mx-auto max-w-7xl px-6 lg:px-8">
-      <div
-        className=" -mx-6 grid grid-cols-2 gap-0.5 overflow-hidden sm:mx-0 md:grid-cols-3">
-
+      <div className="-mx-6 grid grid-cols-2 gap-0.5 overflow-hidden sm:mx-0 md:grid-cols-3">
         {sponsors.map((partner) => (
-          <a
-            key={uuidv4()} // Add a unique key for each organizer
-            href={partner.website}
-            className="flex items-center justify-center  p-2 sm:p-2"
+          <div
+            key={uuidv4()} // Use a stable identifier if available, otherwise uuid is fine
+            className={`flex items-center justify-center p-2 sm:p-2 
+                        ${sponsors.length === 1 ? 'col-span-full' : ''} 
+                        ${sponsors.length === 2 ? 'md:col-span-2' : ''}`
+            }
           >
-            <Image
-              className="max-h-96 w-auto object-cover hover:opacity-80 transition-opacity hover:grayscale grayscale-0"
-              src={partner.logo}
-              alt={partner.company}
-              width={800}
-              height={500}
-            />
-          </a>
+            <a href={partner.website} target="_blank" rel="noopener noreferrer">
+              <Image
+                className="max-h-96  hover:opacity-80 transition-opacity hover:grayscale grayscale-0"
+                src={partner.logo}
+                alt={partner.company}
+                width={400}
+                height={500}
+              />
+            </a>
+          </div>
         ))}
       </div>
     </div>

diff --git a/src/components/sections/Venue.js b/src/components/sections/Venue.js
@@ -61,7 +61,6 @@ const Venue = ({ venueData }) => {
                   src={image}
                   alt={`Venue Image ${index + 1}`}
                   fill
-                  objectFit="cover"
                   className="rounded-lg "
                 />
               </SwiperSlide>

diff --git a/src/data/data.js b/src/data/data.js
@@ -75,7 +75,7 @@ export const sponsors = [{
   website: 'https://manifesto.transitapp.com/fr/jobs',
 }, {
   level: 'bronze',
-  logo: '/images/partners/flutter_engineering.png',
+  logo: '/images/partners/flutter_engineering.svg',
   company: 'Flutter Engineering',
   website: 'https://www.flutterengineering.io/',
 },