Run prettier

This commit is contained in:
Sebastian
2024-09-26 01:51:58 +02:00
parent fae36652f2
commit 606fbc5204
8 changed files with 29 additions and 43 deletions

View File

@@ -12,7 +12,7 @@ export const SponsorList = () => {
];
return (
<div className=" flex gap-5 flex-wrap items-center justify-center">
<div className="flex flex-wrap items-center justify-center gap-5">
{sponsors.map((sponsor) => (
<Sponsor sponsor={sponsor} />
))}

View File

@@ -1,26 +1,26 @@
export const Sponsor = ({ sponsor }) => {
return (
<>
<div className="flex flex-col mb-2 ">
<div className="text-[0.6rem] text-gray-500 dark:text-gray-400 font-bold underline mb-1.5">
<div className="mb-2 flex flex-col">
<div className="mb-1.5 text-[0.6rem] font-bold text-gray-500 underline dark:text-gray-400">
<a href={sponsor.url} target="_blank">
{sponsor.name}
</a>
</div>
<a href={sponsor.url} target="_blank">
<div className="flex w-32 md:w-48 gap-2.5 items-start">
<div className=" basis-1/2">
<div className="flex w-32 items-start gap-2.5 md:w-48">
<div className="basis-1/2">
<img
className="rounded-xl "
className="rounded-xl"
loading="lazy"
alt={sponsor.name}
src={sponsor.imgSrc}
/>
</div>
<div className=" basis-1/2 flex">
<div className=" text-[0.6rem] text-gray-500 dark:text-gray-400 font-bold line-clamp-4 md:line-clamp-5 no-underline">
<div className="flex basis-1/2">
<div className="line-clamp-4 text-[0.6rem] font-bold text-gray-500 no-underline dark:text-gray-400 md:line-clamp-5">
{sponsor.description}
</div>
</div>

View File

@@ -4,27 +4,27 @@ export const TopBanner = ({ items }) => {
{items.map((item) => (
<>
<div className="mb-2">
<div className="text-xs text-gray-600 dark:text-gray-300 font-semibold underline mb-1">
<div className="mb-1 text-xs font-semibold text-gray-600 underline dark:text-gray-300">
Sponsored by {item.name}
</div>
<a href={item.url} target="_blank">
<img
className="w-full rounded-xl hidden md:block"
className="hidden w-full rounded-xl md:block"
loading="lazy"
alt={item.name}
src={item.imgSrc}
/>
<img
className="w-full rounded-xl block md:hidden"
className="block w-full rounded-xl md:hidden"
loading="lazy"
alt={item.name}
src={item?.mobileImgSrc || item.imgSrc}
/>
</a>
<div className="text-right text-xs mt-1 text-gray-600 dark:text-gray-300 font-semibold line-clamp-1">
<div className="mt-1 line-clamp-1 text-right text-xs font-semibold text-gray-600 dark:text-gray-300">
{item.description}
</div>
</div>

View File

@@ -15,8 +15,7 @@ export const TopBanners = () => {
mobileImgSrc: "/ads/sponsor-banner-small-1.png",
url: "https://davewaring.com/tag/digital-brain-building/",
name: "Dave Waring",
description:
"Follow along as I build my own AI powered digital brain.",
description: "Follow along as I build my own AI powered digital brain.",
},
];