Merge branch 'prop/stylize'

1 files changed, 4 insertions, 8 deletions

diff --git a/ui/lib/components/MessageRun.svelte b/ui/lib/components/MessageRun.svelte
index 39ee155..bee64e8 100644
--- a/ui/lib/components/MessageRun.svelte
+++ b/ui/lib/components/MessageRun.svelte
@@ -8,15 +8,11 @@
   let ownMessage = $derived($currentUser !== null && $currentUser.id == sender);
 </script>
 
-<div
-  class="card my-4 px-4 py-1 relative"
-  class:own-message={ownMessage}
-  class:other-message={!ownMessage}
->
-  <span class="chip variant-soft sticky top-o left-0">
+<div class="message-run" class:own-message={ownMessage} class:other-message={!ownMessage}>
+  <span class="username">
     @{name}:
   </span>
-  {#each messages as { id, at, body, renderedBody }}
-    <Message {id} {at} {body} {renderedBody} editable={ownMessage} />
+  {#each messages as message}
+    <Message {...message} editable={ownMessage} />
   {/each}
 </div>