ticket debug store and show ticket

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

@@ -48,6 +48,7 @@ export default {
                 const result = await ApiService.get(urls.userSearch(val));
                 if (result && result.data.data) {
                     this.items = result.data.data;
+                    this.user_id = this.data.data.id;
                     this.loading = false;
                 }
             }

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

@@ -8,13 +8,16 @@
                             class="mx-2 my-3"
                             v-for="item in items"
                             :key="item.id"
-                            :style="(item.sender_user_id == user_id) ? '' : 'float:right'  "
+                            
                         >
-                            <span
-                                v-if="item.sender_user_id == user_id"
-                                class="Chat White"
-                            >{{ item.text }}</span>
-                            <span v-else class="Chat Cyan">{{ item.text }}</span>
+                        <div class="Chat White" v-if="item.sender_user_id == user_id">
+                            <span>{{ item.text }}</span>
+                            <span class="caption"></span>
+                        </div>
+                        <div class="Chat Cyan" style="float:right" v-else>
+                            <span  >{{ item.text }}</span>
+                            <span class="caption"></span>
+                        </div>
                         </div>
                     </v-flex>
                 </v-layout>
@@ -58,6 +61,8 @@ export default {
     padding: 10px 15px;
     color: white;
     border-radius: 10px;
+    width: fit-content;
+    display: block;
 }
 .Chat.Cyan {
     background: cornflowerblue;