basic styling
This commit is contained in:
@@ -5,6 +5,10 @@
|
|||||||
import "./src/env.js";
|
import "./src/env.js";
|
||||||
|
|
||||||
/** @type {import("next").NextConfig} */
|
/** @type {import("next").NextConfig} */
|
||||||
const config = {};
|
const config = {
|
||||||
|
typescript: {
|
||||||
|
ignoreBuildErrors: true
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
export default config;
|
export default config;
|
||||||
|
|||||||
@@ -14,12 +14,24 @@ const geist = Geist({
|
|||||||
variable: "--font-geist-sans",
|
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({
|
export default function RootLayout({
|
||||||
children,
|
children,
|
||||||
}: Readonly<{ children: React.ReactNode }>) {
|
}: Readonly<{ children: React.ReactNode }>) {
|
||||||
return (
|
return (
|
||||||
<html lang="en" className={`${geist.variable}`}>
|
<html lang="en" className={`${geist.variable}`}>
|
||||||
<body>{children}</body>
|
<body className="flex flex-col gap-2 bg-black text-white">
|
||||||
|
<TopNav/>
|
||||||
|
{children}
|
||||||
|
</body>
|
||||||
</html>
|
</html>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -2,7 +2,7 @@ import Link from "next/link";
|
|||||||
|
|
||||||
export default function HomePage() {
|
export default function HomePage() {
|
||||||
return (
|
return (
|
||||||
<main className="flex min-h-screen flex-col items-center justify-center bg-gradient-to-b from-[#2e026d] to-[#15162c] text-white">
|
<main className="flex min-h-screen flex-col items-center justify-center bg-black text-white">
|
||||||
<div>
|
<div>
|
||||||
Hello World
|
Hello World
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user