peer-at-code-web/app/dashboard/layout.tsx
2023-02-06 21:41:35 +01:00

16 lines
505 B
TypeScript

import { type ReactNode } from 'react';
import Sidenav from '@/ui/dashboard/Sidenav';
export default function Layout({ children }: { children: ReactNode }) {
return (
<div className="flex h-screen flex-col">
<div className="flex flex-1 flex-col overflow-hidden sm:flex-row">
<Sidenav />
<div className="mx-4 flex flex-1 transform flex-col pt-4 pb-8 duration-300 ease-in-out sm:mx-auto sm:py-8 md:max-w-6xl">
{children}
</div>
</div>
</div>
);
}