lerko/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

style: narrow content column to max-w-3xl for centered layout

Browse Source
This commit is contained in:
lerko96
2026-04-12 19:33:40 -04:00
parent 088a06a51c
commit bf0910a8fe
3 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/layout.tsx
View File

@@ -39,7 +39,7 @@ export default function RootLayout({
> >
<ThemeProvider> <ThemeProvider>
<Nav /> <Nav />
<main className="max-w-5xl mx-auto px-6 py-14"> <main className="max-w-3xl mx-auto px-6 py-14">
{children} {children}
</main> </main>
<Footer /> <Footer />

2
src/components/Footer.tsx
View File

@@ -1,7 +1,7 @@
export default function Footer() { export default function Footer() {
return ( return (
<footer className="border-t border-[var(--color-border)] py-5 mt-8"> <footer className="border-t border-[var(--color-border)] py-5 mt-8">
<div className="max-w-5xl mx-auto px-6 flex items-center justify-between"> <div className="max-w-3xl mx-auto px-6 flex items-center justify-between">
<span className="font-mono text-xs text-[var(--color-text-dim)]"> <span className="font-mono text-xs text-[var(--color-text-dim)]">
&copy; {new Date().getFullYear()} Tyler Koenig &copy; {new Date().getFullYear()} Tyler Koenig
</span> </span>

2
src/components/Nav.tsx
View File

@@ -13,7 +13,7 @@ export default function Nav() {
const pathname = usePathname(); const pathname = usePathname();
return ( return (
<header className="sticky top-0 z-50 bg-[var(--color-surface)] border-b border-[var(--color-border)]"> <header className="sticky top-0 z-50 bg-[var(--color-surface)] border-b border-[var(--color-border)]">
<nav className="max-w-5xl mx-auto px-6 h-11 flex items-center justify-between"> <nav className="max-w-3xl mx-auto px-6 h-11 flex items-center justify-between">
<Link <Link
href="/" href="/"
className="font-mono text-sm font-bold text-[var(--color-text)] tracking-widest hover:text-[var(--color-text-label)]" className="font-mono text-sm font-bold text-[var(--color-text)] tracking-widest hover:text-[var(--color-text-label)]"