diff --git a/index.html b/index.html index e659877..181e9cb 100644 --- a/index.html +++ b/index.html @@ -7,23 +7,6 @@ -
-
- Miller code editor - welcome! - -
-
- -
-
- -
+ diff --git a/src/app/renderer.ts b/src/app/renderer.ts index a112d8e..02b57da 100644 --- a/src/app/renderer.ts +++ b/src/app/renderer.ts @@ -10,8 +10,24 @@ import { FolderTreeView } from "./foldernav"; import { EditorGrid, addEditor } from "./editorgrid"; import * as u from "./utils"; -van.add(document.querySelector("aside nav"), FolderTreeView); -van.add(document.getElementById("editorGrid"), EditorGrid); +const app = v.div( + { class: "h-screen max-h-screen flex flex-col" }, + v.header( + { class: "flex-none" }, + v.button({ id: "addEditor", onclick: addEditor }, "Add Editor"), + ), + v.div( + { id: "content", class: "flex flex-1 min-h-0" }, + v.aside( + { + class: "flex-none resize-x overflow-x-hidden overflow-y-scroll w-3xs min-w-32", + }, + FolderTreeView, + ), + EditorGrid, + ), +); + +van.add(document.body, app); -document.getElementById("addEditor")?.addEventListener("click", addEditor); addEditor();