Updated App Layout using new Component
This commit is contained in:
parent
ebc3a26fc8
commit
5e5b901bf4
2 changed files with 9 additions and 5 deletions
|
|
@ -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>
|
||||
);
|
||||
|
|
|
|||
10
app/page.tsx
10
app/page.tsx
|
|
@ -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>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue