feat: site wide sidebar

html-router/templates/chat/base.html

@@ -1,42 +1,18 @@
 {% extends 'body_base.html' %}
-{% block title %} Minne Chat {% endblock %}
+{% block title %}Minne Chat{% endblock %}
 {% block head %}
-<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
+<script src="/assets/marked.min.js"></script>
 <script src="/assets/htmx-ext-sse.js" defer></script>
 {% endblock %}
+
 {% block main %}
-<div class="drawer xl:drawer-open h-[calc(100vh-65px)] overflow-auto">
-  <input id="my-drawer-2" type="checkbox" class="drawer-toggle" />
-  <!-- Drawer Content -->
-  <div class="drawer-content flex justify-center ">
-    <main class="flex justify-center grow mt-2 sm:mt-4 gap-6 mb-10 max-w-3xl w-full absolute left-0 right-0 mx-auto">
-      <div class="relative w-full">
-        {% include "chat/history.html" %}
-        {% include "chat/new_message_form.html" %}
-      </div>
-    </main>
+<div class="flex justify-center mt-2 sm:mt-4 mb-10">
+  <div class="max-w-3xl w-full overflow-auto hide-scrollbar">
+    {% include "chat/history.html" %}
+    {% include "chat/new_message_form.html" %}
   </div>
-  <!-- Drawer Sidebar -->
-  {% include "chat/drawer.html" %}
 </div>
 <style>
-  /* Custom styles to override DaisyUI defaults */
-  .drawer-content {
-    width: 100%;
-    padding: 0;
-  }
-
-  .drawer-side {
-    z-index: 20;
-    /* Ensure drawer is above content */
-  }
-
-  @media (min-width: 1280px) {
-    .drawer-open .drawer-content {
-      margin-left: 0;
-    }
-  }
-
   .hide-scrollbar {
     -ms-overflow-style: none;
     scrollbar-width: none;
@@ -111,10 +87,12 @@
   }
 </style>
 <script>
-  marked.setOptions({
-    breaks: true, gfm: true, headerIds: false, mangle: false,
-    smartLists: true, smartypants: true, xhtml: false
-  });
+  function initialize() {
+    marked.setOptions({
+      breaks: true, gfm: true, headerIds: false, mangle: false,
+      smartLists: true, smartypants: true, xhtml: false
+    });
+  }
 
   // Render static markdown (any .markdown-content[data-content])
   function renderStaticMarkdown() {
@@ -125,11 +103,14 @@
   }
 
   function scrollChatToBottom() {
+    console.log("scrolling chat");
     const chatContainer = document.getElementById('chat_container');
+    console.log(chatContainer);
     if (chatContainer) chatContainer.scrollTop = chatContainer.scrollHeight;
   }
 
   function processChatUi() {
+    initialize();
     renderStaticMarkdown();
     scrollChatToBottom();
   }