Multiple model selection working

2024-05-01 17:18:57 +02:00
parent 765ebd3c29
commit 642fd8bb52
24 changed files with 1011 additions and 648 deletions
@@ -1,17 +1,23 @@
-<div class="message-user mt-3" style="display: flex; align-items: flex-start;">
-    <figure class="image is-48x48 mr-2" style="flex-shrink: 0;">
-        <img src="icons/huggingface.png" alt="User Image">
-    </figure>
-    <article class="message">
-        <div class="message-header">
-            <p>User</p>
-            <form>
-                <input type="hidden">
-                <button class="delete" aria-label="delete"></button>
-            </form>
+<div class="message-user mt-3" id="{{ ID }}">
+    <div class="columns is-vcentered">
+        <div class="column is-centered is-1" id="icon-column">
+            <figure class="image is-48x48 mr-2" style="flex-shrink: 0;">
+                <img src="icons/bouvai2.png" alt="User Image">
+            </figure>
        </div>
-        <div class="message-body">
-            {{ Content }}
+
+        <div class="column" id="content-column">
+            <div class="is-flex">
+                <div class="message-content" style="position: relative; padding-right: 30px;">
+                    <div class="message-body">
+                        <div class="content">
+                            {{ Content|safe }}
+                        </div>
+                    </div>
+                    <button hx-post="/deleteMessage?id={{ ID }}" style="position: absolute; top: 3; right: 3;"
+                        hx-swap="outerHTML" hx-target="#chat-container" class="delete" aria-label="delete"></button>
+                </div>
+            </div>
        </div>
-    </article>
+    </div>
 </div>