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

View File

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

View File

@ -1,12 +1,22 @@
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="flex flex-col"> <div className="shadow-xl rounded-lg w-full border px-6 py-12 bg-green-900 border-green-700 ">
<span className="text-4xl font-bold">📅 Track Every Day</span> <div className="flex flex-col">
<span className="mt-4 text-center"> <span className="text-4xl font-bold">📅 Track Every Day</span>
A web app for logging your habits, vices and activities. <span className="mt-4 text-center">
</span> A web app for logging your habits, vices and activities.
</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>
</>
); );
} }