From 8197bc89fdf9d002c3e1b69e66454926419cee54 Mon Sep 17 00:00:00 2001 From: Thomas KLEIN Date: Sun, 2 Feb 2025 00:21:21 +0100 Subject: [PATCH] Improve sponsors grid --- src/components/SponsorList/Sponsor/Sponsor.tsx | 8 ++++---- src/components/SponsorList/SponsorList.tsx | 2 +- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/src/components/SponsorList/Sponsor/Sponsor.tsx b/src/components/SponsorList/Sponsor/Sponsor.tsx index 9627f0f..b2fca36 100644 --- a/src/components/SponsorList/Sponsor/Sponsor.tsx +++ b/src/components/SponsorList/Sponsor/Sponsor.tsx @@ -7,10 +7,10 @@ const Sponsor = (sponsor: SponsorProps) => { const badgeHeight: number = 80; const boxClasses: Record = { - platinum: "bg-[url(/images/background/sponsor-platinum.jpg)] hover:bg-[url(/images/background/sponsor-platinum.jpg)] p-[57px] col-span-12 row-span-4 lg:col-span-4 lg:row-span-9", - gold: "bg-[url(/images/background/sponsor-gold.jpg)] hover:bg-[url(/images/background/sponsor-gold.jpg)] p-[24px] col-span-6 row-span-3 lg:col-span-2 lg:row-span-3", - silver: "bg-[url(/images/background/sponsor-silver.jpg)] hover:bg-[url(/images/background/sponsor-silver.jpg)] p-[22px] col-span-4 row-span-2 lg:col-span-2 lg:row-span-2", - bronze: "bg-[url(/images/background/sponsor-bronze.png)] hover:bg-[url(/images/background/sponsor-bronze.png)] p-[40px] col-span-4 row-span-1 lg:col-span-2 lg:row-span-1", + platinum: "bg-[url(/images/background/sponsor-platinum.jpg)] hover:bg-[url(/images/background/sponsor-platinum.jpg)] p-[57px] col-span-12 row-span-4 lg:col-span-4 lg:row-span-12", + gold: "bg-[url(/images/background/sponsor-gold.jpg)] hover:bg-[url(/images/background/sponsor-gold.jpg)] p-[24px] col-span-6 row-span-3 lg:col-span-2 lg:row-span-4", + silver: "bg-[url(/images/background/sponsor-silver.jpg)] hover:bg-[url(/images/background/sponsor-silver.jpg)] p-[22px] col-span-4 row-span-2 lg:col-span-2 lg:row-span-3", + bronze: "bg-[url(/images/background/sponsor-bronze.png)] hover:bg-[url(/images/background/sponsor-bronze.png)] p-[40px] col-span-4 row-span-1 lg:col-span-2 lg:row-span-2", }; const badgeClasses: Record = { platinum: "top-[30px] right-[30px] h-[55px] w-auto lg:top-[24px] lg:right-[24px] lg:h-[80px]", diff --git a/src/components/SponsorList/SponsorList.tsx b/src/components/SponsorList/SponsorList.tsx index c1c139e..0baaaf8 100644 --- a/src/components/SponsorList/SponsorList.tsx +++ b/src/components/SponsorList/SponsorList.tsx @@ -69,7 +69,7 @@ const SponsorList = ({ items }: { items: SponsorProps[] }) => { )} -
    +
      {sortedSponsors.map((sponsor: SponsorProps, key: number) => (