Basic layout

EVY-Platform · Dec 9, 2024 · c6f7666 · c6f7666
1 parent 2933728
commit c6f7666
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 3 deletions.
diff --git a/web/components/Canva.tsx 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
@@ -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
@@ -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>
 	);