add library management

2026-03-25 16:40:01 -04:00
parent ff3cfe7ec3
commit 90528c4768
9 changed files with 552 additions and 53 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,4 +1,5 @@
 import type { Metadata } from 'next'
+import NavLink from '@/components/NavLink'
 import './globals.css'

 export const metadata: Metadata = {
@@ -15,11 +16,14 @@ export default function RootLayout({
    <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 gap-3">
+          <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">