prepare layout for multiple panes

2024-07-22 19:43:23 +02:00
parent 18771b142c
commit 40030040a5
4 changed files with 48 additions and 5 deletions
@@ -7,11 +7,17 @@ import { translations } from "../translations";
 export function TaskPage(chatViewModel: ChatViewModel) {
  return (
    <div id="task-page">
-      <div class="toolbar">
-        <span subscribe:innerText={chatViewModel.primaryChannel}></span>
+      <div class="pane side">
+        <div class="toolbar">
+          <span subscribe:innerText={chatViewModel.primaryChannel}></span>
+        </div>
+        <div class="content"></div>
      </div>
-      <div class="content">
-       
+      <div class="pane">
+        <div class="toolbar">
+          <span subscribe:innerText={chatViewModel.primaryChannel}></span>
+        </div>
+        <div class="content"></div>
      </div>
    </div>
  );