From 396e81bd418da19fa8e074442d56f0a9add9f269 Mon Sep 17 00:00:00 2001
From: Jakub Knetl <knetl.j@gmail.com>
Date: Wed, 27 Dec 2023 14:21:42 +0100
Subject: [PATCH] Chapter 4 - add layout

---
 app/dashboard/layout.tsx | 12 ++++++++++++
 1 file changed, 12 insertions(+)
 create mode 100644 app/dashboard/layout.tsx

diff --git a/app/dashboard/layout.tsx b/app/dashboard/layout.tsx
new file mode 100644
index 0000000..6e8e4c7
--- /dev/null
+++ b/app/dashboard/layout.tsx
@@ -0,0 +1,12 @@
+import SideNav from '@/app/ui/dashboard/sidenav';
+
+export default function Layout({ children }: { children: React.ReactNode }) {
+    return (
+        <div className="flex h-screen flex-col md:flex-row md:overflow-hidden">
+            <div className="w-full flex-none md:w-64">
+                <SideNav />
+            </div>
+            <div className="flex-grow p-6 md:overflow-y-auto md:p-12">{children}</div>
+        </div>
+    );
+}
\ No newline at end of file