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 add responsive support

Browse Source
This commit is contained in:
THIS ONE IS A LITTLE BIT TRICKY KRUB 2024-09-16 22:50:45 +07:00
parent 329d92fbe7
commit 873c180820
1 changed files with 18 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/app/page.tsx
View File

@ -17,7 +17,9 @@ export default function Home() {
<div className="flex flex-row bg-slate-100 dark:bg-gray-800"> <div className="flex flex-row bg-slate-100 dark:bg-gray-800">
<div className="flex flex-col w-3/5"> <div className="flex flex-col w-3/5">
<span className="px-10 md:px-28 py-10 md:py-20"> <span className="px-10 md:px-28 py-10 md:py-20">
<p className="text-lg md:text-4xl font-bold">Explore the world of ventures</p> <p className="text-lg md:text-4xl font-bold">
Explore the world of ventures
</p>
<span className="text-sm md:text-lg"> <span className="text-sm md:text-lg">
<p> <p>
Unlock opportunities and connect with a community of passionate Unlock opportunities and connect with a community of passionate
@ -67,11 +69,23 @@ export default function Home() {
</CardHeader> </CardHeader>
<CardContent className="flex gap-2"> <CardContent className="flex gap-2">
<Button className="flex gap-1 border-2 border-border rounded-md p-1 bg-background text-foreground scale-75 md:scale-100"> <Button className="flex gap-1 border-2 border-border rounded-md p-1 bg-background text-foreground scale-75 md:scale-100">
<Image src={"/github.svg"} width={20} height={20} alt="github" className="scale-75 md:scale-100"/> <Image
src={"/github.svg"}
width={20}
height={20}
alt="github"
className="scale-75 md:scale-100"
/>
Github Github
</Button> </Button>
<Button className="flex gap-1 border-2 border-border rounded-md p-1 bg-background text-foreground scale-75 md:scale-100"> <Button className="flex gap-1 border-2 border-border rounded-md p-1 bg-background text-foreground scale-75 md:scale-100">
<Image src={"/github.svg"} width={20} height={20} alt="github" className="scale-75 md:scale-100"/> <Image
src={"/github.svg"}
width={20}
height={20}
alt="github"
className="scale-75 md:scale-100"
/>
Github Github
</Button> </Button>
</CardContent> </CardContent>
@ -87,7 +101,7 @@ export default function Home() {
The deals attracting the most interest right now The deals attracting the most interest right now
</p> </p>
</span> </span>
<div className="grid grid-cols-4 gap-4"> <div className="grid grid-cols-2 md:grid-cols-4 gap-4">
<Link href={"/invest"}> <Link href={"/invest"}>
<ExtendableCard <ExtendableCard
name={"NVDA"} name={"NVDA"}