make sent messages looking more friendly

DJ2LS · Feb 16, 2025 · fc7d17a · fc7d17a
1 parent 41fa604
commit fc7d17a
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/freedata_gui/src/components/chat_messages_sent.vue b/freedata_gui/src/components/chat_messages_sent.vue
@@ -29,7 +29,7 @@
     </div>
     <!-- message area -->
     <div :class="messageWidthClass" class="align-items-end">
-      <div class="card bg-secondary text-white">
+      <div class="card">
         <div
           v-for="attachment in message.attachments"
           :key="attachment.id"
@@ -56,8 +56,8 @@
           <p class="card-text text-break" v-html="parsedMessageBody"></p>
         </div>
 
-        <div class="card-footer p-0 bg-secondary border-top-0">
-          <p class="text p-0 m-0 me-1 text-end">
+        <div class="card-footer p-1 border-top-0">
+          <p class="text p-0 m-0 mb-1 me-1 text-end">
             <span class="badge badge-primary mr-2" :class="{
                 'bg-danger': message.status == 'failed',
                 'bg-primary': message.status == 'transmitting',
@@ -66,7 +66,7 @@
             >
               {{ message.status }}
             </span>
-            | <span class="badge badge-primary mr-2"> attempt: {{ message.attempt + 1 }} </span>|<span class="badge badge-primary mr-2"> {{ getDateTime }} UTC</span>
+            | <span class="badge text-bg-light mr-2"> attempt: {{ message.attempt + 1 }} </span>|<span class="badge text-bg-light mr-2"> {{ getDateTime }} UTC</span>
           </p>
         </div>