70 lines
2.2 KiB
JavaScript
Executable File
70 lines
2.2 KiB
JavaScript
Executable File
// app/layout.jsx
|
|
import "./globals.css";
|
|
import { Inter } from "next/font/google";
|
|
|
|
const inter = Inter({ subsets: ["latin"] });
|
|
|
|
export const metadata = {
|
|
title: "DMS",
|
|
description: "Document Management System",
|
|
};
|
|
|
|
export default function RootLayout({ children }) {
|
|
return (
|
|
<html lang="en" suppressHydrationWarning>
|
|
<body
|
|
className={`${inter.className} min-h-screen bg-background text-foreground`}
|
|
>
|
|
<div className="flex min-h-screen">
|
|
{/* Sidebar */}
|
|
<aside className="w-64 bg-primary text-primary-foreground p-4">
|
|
<h1 className="text-xl font-bold mb-6">📂 DMS</h1>
|
|
<nav className="space-y-2">
|
|
<a
|
|
href="/dashboard"
|
|
className="block px-3 py-2 rounded hover:bg-accent"
|
|
>
|
|
Dashboard
|
|
</a>
|
|
<a
|
|
href="/correspondences"
|
|
className="block px-3 py-2 rounded hover:bg-accent"
|
|
>
|
|
Correspondences
|
|
</a>
|
|
<a
|
|
href="/users"
|
|
className="block px-3 py-2 rounded hover:bg-accent"
|
|
>
|
|
Users
|
|
</a>
|
|
<a
|
|
href="/health"
|
|
className="block px-3 py-2 rounded hover:bg-accent"
|
|
>
|
|
Health
|
|
</a>
|
|
</nav>
|
|
</aside>
|
|
|
|
{/* Main content */}
|
|
<main className="flex-1 flex flex-col">
|
|
{/* Top Navbar */}
|
|
<header className="h-14 bg-secondary text-secondary-foreground flex items-center justify-between px-6 shadow-sm">
|
|
<span className="font-medium">Laem Chabang Port Phase 3</span>
|
|
<div className="flex items-center space-x-4">
|
|
<button className="px-3 py-1 rounded bg-accent text-accent-foreground hover:opacity-90">
|
|
Quick Action
|
|
</button>
|
|
<span className="text-sm">superadmin</span>
|
|
</div>
|
|
</header>
|
|
|
|
<section className="p-6 flex-1">{children}</section>
|
|
</main>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|