Refactor Invest page UI components, adjust grid layout and font size

This commit is contained in:
Pattadon 2024-09-16 14:35:04 +07:00
parent cfb72bbba4
commit 381f837e37
2 changed files with 6 additions and 6 deletions

View File

@ -11,8 +11,8 @@ export default function Notification() {
]; ];
return ( return (
<div> <div>
<div className="ml-56 mt-16 "> <div className="ml-24 md:ml-56 mt-16 ">
<h1 className="font-bold text-3xl h-0">Notifications</h1> <h1 className="font-bold text-2xl md:text-3xl h-0">Notifications</h1>
<div className=" w-full mt-20 "> <div className=" w-full mt-20 ">
{/* Cards */} {/* Cards */}
<Card className=" border-slate-800 w-3/4 p-6"> <Card className=" border-slate-800 w-3/4 p-6">

View File

@ -15,17 +15,17 @@ export default function Home() {
return ( return (
<main> <main>
<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 bg-red-500">
<span className="px-28 py-20"> <span className="px-28 py-20">
<p className="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-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
</p> </p>
<p>investors and innovators.</p> <p>investors and innovators.</p>
<p>Together, we turn ideas into impact.</p> <p>Together, we turn ideas into impact.</p>
</span> </span>
<Button className="font-bold mt-4"> <Button className="scale-75 md:scale-100 font-bold mt-4">
<Link href="/deals">Start Investing</Link> <Link href="/deals">Start Investing</Link>
</Button> </Button>
</span> </span>