basic styling

2025-04-07 17:52:50 +02:00
parent cbf6ef653a
commit 90df8a3f0c
3 changed files with 19 additions and 3 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -14,12 +14,24 @@ const geist = Geist({
 	variable: "--font-geist-sans",
 });

+const TopNav = () => {
+	return (
+		<nav className="flex w-full border-b p-4 gap-5 bg-black text-white border-white">
+			<div> Blog </div>
+			<div> CV </div>
+		</nav>
+	)
+}
+
 export default function RootLayout({
 	children,
 }: Readonly<{ children: React.ReactNode }>) {
 	return (
 		<html lang="en" className={`${geist.variable}`}>
-			<body>{children}</body>
+			<body className="flex flex-col gap-2 bg-black text-white">
+				<TopNav/>
+				{children}
+			</body>
 		</html>
 	);
 }