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 (
<div>
<div className="ml-56 mt-16 ">
<h1 className="font-bold text-3xl h-0">Notifications</h1>
<div className="ml-24 md:ml-56 mt-16 ">
<h1 className="font-bold text-2xl md:text-3xl h-0">Notifications</h1>
<div className=" w-full mt-20 ">
{/* Cards */}
<Card className=" border-slate-800 w-3/4 p-6">

View File

@ -15,17 +15,17 @@ export default function Home() {
return (
<main>
<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">
<p className="text-4xl font-bold">Explore the world of ventures</p>
<span className="text-lg">
<p className="text-lg md:text-4xl font-bold">Explore the world of ventures</p>
<span className="text-sm md:text-lg">
<p>
Unlock opportunities and connect with a community of passionate
</p>
<p>investors and innovators.</p>
<p>Together, we turn ideas into impact.</p>
</span>
<Button className="font-bold mt-4">
<Button className="scale-75 md:scale-100 font-bold mt-4">
<Link href="/deals">Start Investing</Link>
</Button>
</span>