new edit

resources/js/vue/components/modal/ticket/ShowMessages.vue

@@ -8,7 +8,7 @@
                             class="mx-2 my-3"
                             v-for="item in items"
                             :key="item.id"
-                            
+
                         >
                         <div class="Chat White" v-if="item.sender_user_id == user_id">
                             <span>{{ item.text }}</span>
@@ -59,18 +59,23 @@ export default {
 <style lang="scss" scoped>
 .Chat {
     padding: 10px 15px;
+    margin: 1% 0;
     color: white;
     border-radius: 10px;
     width: fit-content;
     display: block;
+    box-shadow: 5px 15px 20px rgba(0, 0, 0, 0.2);
 }
 .Chat.Cyan {
     background: cornflowerblue;
-    box-shadow: 5px 15px 20px rgba(0, 0, 0, 0.2);
+    text-align: right;
+    float: right;
+    clear: right;
 }
 .Chat.White {
     background: #fff;
     color: black;
-    box-shadow: 5px 15px 20px rgba(0, 0, 0, 0.2);
+    float: left;
+    clear: left;
 }
 </style>