emerald to green, add example bad habit, container sizes
All checks were successful
Lint / Lint (push) Successful in 32s
SonarQube Scan / SonarQube Trigger (push) Successful in 51s

This commit is contained in:
Felix Schulze 2024-09-04 08:45:00 +02:00
parent a144f12c31
commit e1e37ebb51
3 changed files with 19 additions and 9 deletions

View File

@ -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
)}
>

View File

@ -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>
);

View File

@ -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>
</>
);
}