src/views/Layout.tsx
import Navbar from "./Navbar";
import { Outlet } from "@tanstack/react-router";
export default function Layout() {
return (
<div className="flex h-full w-full flex-col p-1">
<Navbar />
<div className="h-full w-full p-3 pt-1">
<div className="flex h-full flex-row justify-center gap-8 rounded-xl border-2 border-black bg-gray-200/60 px-3 py-2 dark:border-white dark:bg-gray-900">
<Outlet />
</div>
</div>
</div>
);
}