From 919a6dd2019384d2db9e5dc3b95c2d7ef23ff723 Mon Sep 17 00:00:00 2001
From: Nikita Konev <nikit.cpp@yandex.ru>
Date: Thu, 23 Jan 2025 02:30:29 +0300
Subject: [PATCH] third line

---
 frontend/src/ChatList.vue | 21 ++++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

diff --git a/frontend/src/ChatList.vue b/frontend/src/ChatList.vue
index 55885e747..287e1cf90 100644
--- a/frontend/src/ChatList.vue
+++ b/frontend/src/ChatList.vue
@@ -37,8 +37,9 @@
                         <v-badge v-if="item.hasScreenShares" color="primary" icon="mdi-monitor-screenshot" inline  class="mt-0" :title="$vuetify.locale.t('$vuetify.screen_share_in_process')"/>
                         <v-badge v-if="item.blog" color="grey" icon="mdi-postage-stamp" inline  class="mt-0" :title="$vuetify.locale.t('$vuetify.blog')"/>
                     </v-list-item-title>
-                    <v-list-item-subtitle :style="isSearchResult(item) ? {color: 'gray'} : {}" v-html="printParticipants(item)">
+                    <v-list-item-subtitle :style="isSearchResult(item) ? {color: 'gray'} : {}" class="subtitle-thin my-1" v-html="printParticipants(item)">
                     </v-list-item-subtitle>
+                    <v-list-item-subtitle class="subtitle-thin my-1">Nikita: Всем привет, на связи Василий Боровой и Иван Козловский – Flutter-разработчики из The Head. В этой статье хотим поделиться с вами опытом работы над YPay и YPay inventory для Flutter, рассказать про возможности библиотек и как их использовать, а также о проблемах, с которыми столкнулись.</v-list-item-subtitle>
                 </template>
 
                 <template v-slot:append v-if="!isMobile() && !embedded">
@@ -326,9 +327,11 @@ export default {
           return item?.isResultFromSearch === true
     },
     getItemClass(item) {
-          return {
-              'pinned-bold': item.pinned,
-          }
+        if (item.pinned) {
+          return 'pinned-bold'
+        } else{
+          return 'chat-normal'
+        }
     },
     getChatName(item) {
           let bldr = item.name;
@@ -847,6 +850,14 @@ export default {
 @import "itemAvatar.styl"
 
 .pinned-bold {
-    font-weight bold
+  font-weight 1000
+}
+
+.chat-normal {
+  font-weight 400
+}
+
+.subtitle-thin {
+  font-weight 300
 }
 </style>