cdricms/latosa-escrima
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix waiting to be tested

Browse Source
This commit is contained in:
gom-by
2025-02-10 10:24:19 +01:00
parent 3439d74e84
commit 3412a764fc
2 changed files with 48 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
frontend/components/gallery.tsx
View File

@@ -52,6 +52,30 @@ const data = [
href: "#",
image: "https://shadcnblocks.com/images/block/placeholder-dark-1.svg",
},
{
id: "item-6",
title: "Duis sem sem, gravida vel porttitor eu, volutpat ut arcu",
summary:
"Pellentesque eget quam ligula. Sed felis ante, consequat nec ultrices ut, ornare quis metus. Vivamus sit amet tortor vel enim sollicitudin hendrerit.",
href: "#",
image: "https://shadcnblocks.com/images/block/placeholder-dark-1.svg",
},
{
id: "item-5",
title: "Duis sem sem, gravida vel porttitor eu, volutpat ut arcu",
summary:
"Pellentesque eget quam ligula. Sed felis ante, consequat nec ultrices ut, ornare quis metus. Vivamus sit amet tortor vel enim sollicitudin hendrerit.",
href: "#",
image: "https://shadcnblocks.com/images/block/placeholder-dark-1.svg",
},
{
id: "item-6",
title: "Duis sem sem, gravida vel porttitor eu, volutpat ut arcu",
summary:
"Pellentesque eget quam ligula. Sed felis ante, consequat nec ultrices ut, ornare quis metus. Vivamus sit amet tortor vel enim sollicitudin hendrerit.",
href: "#",
image: "https://shadcnblocks.com/images/block/placeholder-dark-1.svg",
},
];
const Gallery: React.FC<
@@ -136,16 +160,20 @@ const Gallery: React.FC<
}}
>
<CarouselContent className="">
{children
? children
: data.map((item) => (
<CarouselItem
key={item.id}
className="pl-[20px] md:max-w-[452px]"
>
<DefaultGalleryItem item={item} />
</CarouselItem>
))}
{children ? children
: data.map((it) => (
<CarouselItem>
<div className="grid gap-y-8 grid-cols-4 grid-rows-2">
{data.map(item => (
<div
key={item.id}
className="pl-[20px] md:max-w-[452px]">
<DefaultGalleryItem item={item} />
</div>))}
</div>
</CarouselItem>
))
}
</CarouselContent>
</Carousel>
</div>