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"> <html lang="en">
<body className={`antialiased`}> {/* className=${geistSans.variable} ${geistMono.variable} */} <body className={`antialiased`}> {/* className=${geistSans.variable} ${geistMono.variable} */}
<Header/> <Header/>
<div className="flex min-h-screen bg-zinc-200 font-sans dark:bg-slate-800">
{children} {children}
</div>
</body> </body>
</html> </html>
); );

View file

@ -1,9 +1,11 @@
import Image from "next/image"; import Image from "next/image";
import RoundedContainer from "@/components/ui/RoundedContainer";
export default function Home() { export default function Home() {
return ( return (
<div className="flex min-h-screen items-center justify-center bg-zinc-200 font-sans dark:bg-slate-800"> <main className="flex items-center justify-center w-full 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"> <RoundedContainer>
<Image <Image
className="dark:invert" className="dark:invert"
src="/next.svg" 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 Design In Progress, current layout and theme may change, have a good day :D
</p> </p>
</div> </div>
</RoundedContainer>
</main> </main>
</div>
); );
} }