From c6f7666551e0813e1e1a7a3c70384ac8e302f8f4 Mon Sep 17 00:00:00 2001
From: Geoffroy Lesage <gefthefrench@gmail.com>
Date: Mon, 9 Dec 2024 23:35:56 +1100
Subject: [PATCH] Basic layout

---
 web/components/Canva.tsx |  3 +++
 web/components/Panel.tsx |  3 +++
 web/routes/index.tsx     | 15 ++++++++++++---
 3 files changed, 18 insertions(+), 3 deletions(-)
 create mode 100644 web/components/Canva.tsx
 create mode 100644 web/components/Panel.tsx

diff --git a/web/components/Canva.tsx b/web/components/Canva.tsx
new file mode 100644
index 0000000..8201772
--- /dev/null
+++ b/web/components/Canva.tsx
@@ -0,0 +1,3 @@
+export default function Canva() {
+	return <div class="min-h-screen min-w-screen">Canva</div>;
+}
diff --git a/web/components/Panel.tsx b/web/components/Panel.tsx
new file mode 100644
index 0000000..d5a28de
--- /dev/null
+++ b/web/components/Panel.tsx
@@ -0,0 +1,3 @@
+export default function Panel() {
+	return <div class="bg-gray-50 p-4 min-h-screen">Panel</div>;
+}
diff --git a/web/routes/index.tsx b/web/routes/index.tsx
index 21a298b..547b78e 100644
--- a/web/routes/index.tsx
+++ b/web/routes/index.tsx
@@ -1,8 +1,17 @@
+import Panel from "../components/Panel.tsx";
+import Canva from "../components/Canva.tsx";
+
 export default function Home() {
 	return (
-		<div class="px-4 py-8">
-			<div class="max-w-screen-md mx-auto flex flex-col items-center justify-center">
-				<h1 class="text-4xl font-bold">App builder</h1>
+		<div class="flex">
+			<div class="w-48">
+				<Panel></Panel>
+			</div>
+			<div class="mx-auto">
+				<Canva></Canva>
+			</div>
+			<div class="w-48">
+				<Panel></Panel>
 			</div>
 		</div>
 	);