style

components/message-item/pay-message.vue

@@ -8,9 +8,11 @@
         @click="view"
         @click="view"
     >
     >
         <div class="d-flex align-items-center flex-fill pay-msg-body">
         <div class="d-flex align-items-center flex-fill pay-msg-body">
-            <span :class="icon" class="icon"></span>
-            <div class="texts flex-fill">
-                <div class="text-left">{{ title }}</div>
+            <span :class="icon" class="icon flex-none"></span>
+            <div class="texts flex-fill overflow-hidden">
+                <div class="text-left text-nowrap text-truncate">
+                    {{ title }}
+                </div>
                 <div class="d-flex justify-content-between">
                 <div class="d-flex justify-content-between">
                     <span>{{ amount | currency }}</span>
                     <span>{{ amount | currency }}</span>
                     <span>{{ status }}</span>
                     <span>{{ status }}</span>