From 783d9016ebff2e3fadca7037a32e6de17da3ee80 Mon Sep 17 00:00:00 2001
From: June <self@breadone.net>
Date: Tue, 3 Feb 2026 12:31:22 +1300
Subject: [PATCH] Replicate basic layout from POC

---
 src/lib/components/editor/imageTarget.svelte |  7 +++++--
 src/lib/components/editor/index.svelte       | 13 +++++++------
 src/routes/+page.svelte                      | 14 +++++++++++++-
 3 files changed, 25 insertions(+), 9 deletions(-)

diff --git a/src/lib/components/editor/imageTarget.svelte b/src/lib/components/editor/imageTarget.svelte
index 35ea57b..a458242 100644
--- a/src/lib/components/editor/imageTarget.svelte
+++ b/src/lib/components/editor/imageTarget.svelte
@@ -1,5 +1,8 @@
 <script lang="ts">
-    let { image = $bindable('') } = $props()
+    let { 
+      image = $bindable(''),
+      edit = $bindable(true)
+    } = $props()
     
     let fileinput: HTMLInputElement
     
@@ -34,6 +37,6 @@
     @import 'tailwindcss';
     
     #img-upload-button {
-        @apply text-center bg-white/30 h-90 w-full rounded-2xl block hover:text-white/30 transition-all;
+        @apply text-center bg-white/30 h-60 w-full rounded-2xl block hover:text-white/30 transition-all;
     }
 </style>
\ No newline at end of file
diff --git a/src/lib/components/editor/index.svelte b/src/lib/components/editor/index.svelte
index 2e9b1aa..6067776 100644
--- a/src/lib/components/editor/index.svelte
+++ b/src/lib/components/editor/index.svelte
@@ -2,16 +2,17 @@
     import ImageTarget from "./imageTarget.svelte"
     import TextEditor from "./textEditor.svelte"
     
-    let image = $state('')
-    let content = $state('')
-    let editorState = $state({editor: null})
-    
-    let edit = true
+    let {
+      edit = $bindable(true),
+      image = $bindable(''),
+      content = $bindable(''),
+      editorState = $bindable({editor: null})
+    } = $props()
 
     function getContent() {
         return editorState.editor.getJSON()
     }
 </script>
 
-<ImageTarget bind:image />
+<ImageTarget bind:image bind:edit />
 <TextEditor bind:content bind:editorState bind:edit />
\ No newline at end of file
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index dd75306..f9f5c0f 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,5 +1,17 @@
 <script lang="ts">
+    import Calendar from '$lib/components/calendar.svelte'
     import Editor from '$lib/components/editor/index.svelte';
+    
+    let edit = $state(true)
 </script>
 
-<Editor />
\ No newline at end of file
+<div class="flex flex-col md:flex-row  md:space-x-4 space-y-4 w-full">
+        <div class="md:w-1/2">
+            <Calendar />
+            <div id="entry-list" />
+        </div>
+        
+        <div id="right" class="md:w-1/2">
+            <Editor bind:edit />
+        </div>
+    </div>
\ No newline at end of file