no message

src/components/layout/Notifications.vue

@@ -13,15 +13,15 @@
                 <q-list>
                     <q-item v-for="(item,index) in menus" class="rounded-borders q-py-md">
                         <q-item-section>
-                            <div class="row items-center">
+                            <div class="row items-center" :style="{'width':$q.platform.is.desktop?'340px':'317px'}">
                                 <div class="rounded-borders Notifications-item q-mr-md"
                                 :class="{'bg-blue-1':index==0,'bg-red-1':index==1,'bg-yellow-1':index==2,'bg-green-1':index==3,
                                     'activeOne':index==0,'activeTwo':index==1,'activeThree':index==2,'activeFour':index==3}">
                                     <svg-icon :icon="item.icon" :size="16" color="nav"></svg-icon>
                                 </div>
                                 <div class="col column">
-                                    <span class="Notifications-overflow Notifications-title cursor-pointer q-mr-md text-grey-8">Project Alice</span>
-                                    <div class="Notifications-overflow Notifications-text text-grey-6">Phase 1 development</div>
+                                    <span class="Notifications-overflow Notifications-title cursor-pointer q-mr-md text-grey-8">Project AlicePhase 1 developmentPhase 1 developmentPhase 1 development</span>
+                                    <div class="Notifications-overflow Notifications-text text-grey-6">Phase 1 developmentPhase 1 developmentPhase 1 developmentPhase 1 development</div>
                                 </div>
                                 <div class="bg-blue-grey-1 q-px-xs q-ml-lg text-grey-6 Notifications-time">1 {{$t('Notifications.time')}}</div>
                             </div>
@@ -90,7 +90,6 @@
   
 <style>
     .Notifications-height{
-        width: 100%;
         height: 325px;
     }
     .Notifications-bg{