Updated App Layout using new Component

This commit is contained in:
Hannah 2026-03-04 05:29:59 +01:00
commit 5e5b901bf4
2 changed files with 9 additions and 5 deletions

View file

@ -18,7 +18,9 @@ export default function RootLayout({
<html lang="en">
<body className={`antialiased`}> {/* className=${geistSans.variable} ${geistMono.variable} */}
<Header/>
{children}
<div className="flex min-h-screen bg-zinc-200 font-sans dark:bg-slate-800">
{children}
</div>
</body>
</html>
);

View file

@ -1,9 +1,11 @@
import Image from "next/image";
import RoundedContainer from "@/components/ui/RoundedContainer";
export default function Home() {
return (
<div className="flex min-h-screen items-center justify-center bg-zinc-200 font-sans dark:bg-slate-800">
<main className="flex h-full w-full max-w-3xl rounded-4xl flex-col items-center py-32 px-16 bg-gray-400 dark:bg-slate-900 sm:items-start">
<main className="flex items-center justify-center w-full bg-zinc-200 font-sans dark:bg-slate-800">
<RoundedContainer>
<Image
className="dark:invert"
src="/next.svg"
@ -20,7 +22,7 @@ export default function Home() {
Design In Progress, current layout and theme may change, have a good day :D
</p>
</div>
</main>
</div>
</RoundedContainer>
</main>
);
}