36 lines
1.1 KiB
TypeScript
36 lines
1.1 KiB
TypeScript
import type { Metadata } from 'next'
|
|
import NavLink from '@/components/NavLink'
|
|
import './globals.css'
|
|
|
|
export const metadata: Metadata = {
|
|
title: 'MediaLore',
|
|
description: 'Your personal media library',
|
|
}
|
|
|
|
export default function RootLayout({
|
|
children,
|
|
}: {
|
|
children: React.ReactNode
|
|
}) {
|
|
return (
|
|
<html lang="en">
|
|
<body className="min-h-screen">
|
|
<header className="border-b sticky top-0 z-40" style={{ borderColor: 'var(--border)', backgroundColor: 'var(--background)' }}>
|
|
<div className="max-w-7xl mx-auto px-6 h-14 flex items-center justify-between gap-3">
|
|
<a href="/" className="flex items-center gap-2 font-semibold text-lg tracking-tight" style={{ color: 'var(--text-primary)' }}>
|
|
<span style={{ color: 'var(--accent)' }}>◈</span>
|
|
MediaLore
|
|
</a>
|
|
<nav className="flex items-center gap-1">
|
|
<NavLink href="/manage">Manage Libraries</NavLink>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
<main className="max-w-7xl mx-auto px-6 py-8">
|
|
{children}
|
|
</main>
|
|
</body>
|
|
</html>
|
|
)
|
|
}
|