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>
|
</head>
|
||||||
<body
|
<body
|
||||||
className={cn(
|
className={cn(
|
||||||
"min-h-screen bg-background font-sans antialiased",
|
"min-h-screen min-w-screen bg-background font-sans antialiased",
|
||||||
inter.variable
|
inter.variable
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
|
@ -4,7 +4,7 @@ export default function Layout({
|
|||||||
children: React.ReactNode;
|
children: React.ReactNode;
|
||||||
}>) {
|
}>) {
|
||||||
return (
|
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 className="m-4 md:my-16 md:mx-auto max-w-96">{children}</div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
@ -1,6 +1,7 @@
|
|||||||
export default function Home() {
|
export default function Home() {
|
||||||
return (
|
return (
|
||||||
<div className="shadow-xl rounded-lg w-full border px-6 py-12 bg-emerald-900 border-emerald-700 ">
|
<>
|
||||||
|
<div className="shadow-xl rounded-lg w-full border px-6 py-12 bg-green-900 border-green-700 ">
|
||||||
<div className="flex flex-col">
|
<div className="flex flex-col">
|
||||||
<span className="text-4xl font-bold">📅 Track Every Day</span>
|
<span className="text-4xl font-bold">📅 Track Every Day</span>
|
||||||
<span className="mt-4 text-center">
|
<span className="mt-4 text-center">
|
||||||
@ -8,5 +9,14 @@ export default function Home() {
|
|||||||
</span>
|
</span>
|
||||||
</div>
|
</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