feat(web): add sidebar nav layout and dashboard home page
This commit is contained in:
+13
-1
@@ -1,4 +1,5 @@
|
||||
import type { Metadata } from 'next';
|
||||
import Link from 'next/link';
|
||||
import './globals.css';
|
||||
|
||||
export const metadata: Metadata = {
|
||||
@@ -9,7 +10,18 @@ export const metadata: Metadata = {
|
||||
export default function RootLayout({ children }: { children: React.ReactNode }) {
|
||||
return (
|
||||
<html lang="en">
|
||||
<body className="bg-white text-gray-900 antialiased">{children}</body>
|
||||
<body className="flex min-h-screen bg-gray-50 text-gray-900 antialiased">
|
||||
<nav className="w-52 shrink-0 bg-white border-r border-gray-200 p-4 flex flex-col gap-1">
|
||||
<span className="font-bold text-base mb-4">TOWER</span>
|
||||
<Link href="/search" className="rounded px-3 py-2 text-sm hover:bg-gray-100">
|
||||
Search
|
||||
</Link>
|
||||
<Link href="/groups" className="rounded px-3 py-2 text-sm hover:bg-gray-100">
|
||||
Groups & Routes
|
||||
</Link>
|
||||
</nav>
|
||||
<main className="flex-1 overflow-auto p-6">{children}</main>
|
||||
</body>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user