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

Refactor Invest page UI components, adjust grid layout and carousel styling

Browse Source
This commit is contained in:
THIS ONE IS A LITTLE BIT TRICKY KRUB 2024-09-16 19:40:19 +07:00
parent 381f837e37
commit a048845e32
1 changed files with 8 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -123,24 +123,22 @@ export default function Invest() {
<div className="grid grid-cols-2">
{/* image carousel */}
<div>
<Carousel className="w-full -mt-20 md:mt-0">
<CarouselContent className="h-[400px]">
<Carousel className="w-full mt-20 md:mt-0">
<CarouselContent className="h-[400px] flex h-full">
{Array.from({ length: 5 }).map((_, index) => (
<CarouselItem key={index}>
<div className="flex h-full items-center justify-center">
<img
src="./boiler1.jpg"
alt=""
className="rounded-lg self-center"
/>
</div>
</CarouselItem>
))}
</CarouselContent>{" "}
<CarouselPrevious />
<CarouselNext />
</Carousel>
<Carousel className="w-2/3 md:w-full ml-10 md:ml-0 -mt-24 md:mt-0">
<Carousel className="w-2/3 md:w-full ml-10 md:ml-0 mt-5 md:mt-10 ">
<CarouselContent>
{/* boiler plate for an actual pictures */}
<CarouselItem className="pl-1 md:basis-1/2 lg:basis-1/3">