ปรับการเเสดงของ tite

src/modules/00_support/components/FormChat.vue

@@ -119,8 +119,6 @@ const onLoad = (async (_: any, done: any) => {
               <q-badge color="blue" outline>
                 {{ validateCategory(store.currentCategory) }}
               </q-badge>
-
-              {{ store.currentTitle }}
             </span>
           </q-item-label>
           <span>
@@ -188,13 +186,15 @@ const onLoad = (async (_: any, done: any) => {
             <div class="col column q-ml-md">
               <span> {{ item.createdByUserName }} </span>
               <span class="col column">
-                <p class="tite-long text-weight-bold line-ellipsis">
+                <div>
                   <q-badge color="blue" outline>{{
                     validateCategory(item.category?.name)
                   }}</q-badge>
-                  {{ item.title }}
-                </p>
+                </div>
               </span>
+              <span class="tite-long text-weight-bold line-ellipsis">
+                {{ item.title }}</span
+              >
 
               <span
                 class="col text-caption line-ellipsis"
@@ -363,7 +363,7 @@ const onLoad = (async (_: any, done: any) => {
 
 <style scoped>
 .tite-long {
-  width: 150px;
+  width: 180px;
   display: inline-block;
   text-overflow: ellipsis;
   overflow: hidden;