feat: improve chat composer with file attachments and media previews

2026-06-13 10:28:39 +02:00
parent fcb2bc2f09
commit c42a68c1ed
4 changed files with 113 additions and 73 deletions
@@ -43,7 +43,12 @@ const isCurrentUser = (userId: number): boolean => auth.user.value?.id === userI
    </div>

    <div v-else class="messages-container">
-      <div v-for="msg in messages" :key="msg.id" class="message-bubble mb-3">
+      <div 
+        v-for="msg in messages" 
+        :key="msg.id" 
+        class="message-bubble mb-3 d-flex"
+        :class="{ 'justify-content-end': isCurrentUser(msg.user_id), 'justify-content-start': !isCurrentUser(msg.user_id) }"
+      >
        <div
          class="message-bubble-content p-3 rounded-3"
          :class="{