emerald to green, add example bad habit, container sizes
This commit is contained in:
parent
a144f12c31
commit
e1e37ebb51
@ -37,7 +37,7 @@ export default function RootLayout({
|
||||
</head>
|
||||
<body
|
||||
className={cn(
|
||||
"min-h-screen bg-background font-sans antialiased",
|
||||
"min-h-screen min-w-screen bg-background font-sans antialiased",
|
||||
inter.variable
|
||||
)}
|
||||
>
|
||||
|
@ -4,7 +4,7 @@ export default function Layout({
|
||||
children: React.ReactNode;
|
||||
}>) {
|
||||
return (
|
||||
<div className="flex flex-col h-screen w-screen block bg-emerald-950 text-neutral-300">
|
||||
<div className="flex h-full w-full bg-green-950 text-neutral-200">
|
||||
<div className="m-4 md:my-16 md:mx-auto max-w-96">{children}</div>
|
||||
</div>
|
||||
);
|
||||
|
@ -1,12 +1,22 @@
|
||||
export default function Home() {
|
||||
return (
|
||||
<div className="shadow-xl rounded-lg w-full border px-6 py-12 bg-emerald-900 border-emerald-700 ">
|
||||
<div className="flex flex-col">
|
||||
<span className="text-4xl font-bold">📅 Track Every Day</span>
|
||||
<span className="mt-4 text-center">
|
||||
A web app for logging your habits, vices and activities.
|
||||
</span>
|
||||
<>
|
||||
<div className="shadow-xl rounded-lg w-full border px-6 py-12 bg-green-900 border-green-700 ">
|
||||
<div className="flex flex-col">
|
||||
<span className="text-4xl font-bold">📅 Track Every Day</span>
|
||||
<span className="mt-4 text-center">
|
||||
A web app for logging your habits, vices and activities.
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="mt-16 shadow-xl rounded-lg w-full border px-6 py-12 bg-amber-900 border-amber-700 ">
|
||||
<div className="flex flex-col">
|
||||
<span className="text-4xl font-bold">BAD HABIT</span>
|
||||
<span className="mt-4 text-center">
|
||||
A web app for logging your habits, vices and activities.
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user