sosokker/B2D-Ventures
1
0
Fork 0
mirror of https://github.com/Sosokker/B2D-Ventures.git synced 2025-12-19 22:14:06 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

chore: Fix the carousel's type error bug

Browse Source
This commit is contained in:
THIS ONE IS A LITTLE BIT TRICKY KRUB 2024-08-31 15:53:22 +07:00
parent 1c4551e15d
commit 612d99a236
1 changed files with 19 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/app/invest/page.tsx
View File

@ -45,7 +45,7 @@ export default function Invest() {
<Carousel className="w-[55%] mt-4"> <Carousel className="w-[55%] mt-4">
<CarouselContent className="h-[450px]"> <CarouselContent className="h-[450px]">
{Array.from({ length: 5 }).map((_, index) => ( {Array.from({ length: 5 }).map((_, index) => (
<CarouselItem> <CarouselItem key={index}>
<img src="./boiler1.jpg" alt="" className="rounded-lg" /> <img src="./boiler1.jpg" alt="" className="rounded-lg" />
</CarouselItem> </CarouselItem>
))} ))}
@ -82,15 +82,24 @@ export default function Invest() {
</div> </div>
</div> </div>
</div> </div>
<Carousel className="w-1/2 ml-5 -mt-10"> <Carousel className="w-1/2 mt-5 ml-10">
<CarouselContent className="-ml-1"> <CarouselContent>
{Array.from({ length: 5 }).map((_, index) => ( {/* boiler plate for an actual pictures */}
<CarouselItem className="pl-1 md:basis-1/2 lg:basis-1/3">
<img src="./boiler1.jpg" alt="" className="rounded-lg" />
</CarouselItem>
<CarouselItem className="pl-1 md:basis-1/2 lg:basis-1/3">
<img src="./boiler1.jpg" alt="" className="rounded-lg" />
</CarouselItem>
<CarouselItem className="pl-1 md:basis-1/2 lg:basis-1/3">
<img src="./boiler1.jpg" alt="" className="rounded-lg" />
</CarouselItem>
<CarouselItem className="pl-1 md:basis-1/2 lg:basis-1/3">
<img src="./boiler1.jpg" alt="" className="rounded-lg" />
</CarouselItem>
<CarouselItem className="pl-1 md:basis-1/2 lg:basis-1/3"> <CarouselItem className="pl-1 md:basis-1/2 lg:basis-1/3">
<img src="./boiler1.jpg" alt="" className="rounded-lg" /> <img src="./boiler1.jpg" alt="" className="rounded-lg" />
</CarouselItem> </CarouselItem>
))}
<CarouselPrevious />
<CarouselNext />
</CarouselContent> </CarouselContent>
</Carousel> </Carousel>
</div> </div>