no message

src/components/layout/Notifications.vue

@@ -8,10 +8,10 @@
                 <div class="f12 text-grey-1 f12 q-pl-sm">24 {{$t('Notifications.subtitle')}}</div>
             </div>
         </div>
-        <div class="Notifications-height q-pt-sm">
+        <div class="Notifications-height q-py-md">
             <q-scroll-area :thumb-style="scrollStyle.thumbStyle" :bar-style="scrollStyle.barStyle" class="full-height">
-                <q-list class="q-px-md text-subtitle2">
-                    <q-item clickable v-ripple v-for="(item,index) in menus" class="rounded-borders">
+                <q-list>
+                    <q-item v-for="(item,index) in menus" class="rounded-borders">
                         <q-item-section>
                             <div class="row items-center">
                                 <div class="rounded-borders Notifications-item q-mr-md"
@@ -20,10 +20,10 @@
                                     <svg-icon :icon="item.icon" :size="16" color="nav"></svg-icon>
                                 </div>
                                 <div class="col column">
-                                    <span class="Notifications-overflow Notifications-title cursor-pointer text-weight-bold q-mr-md text-subtitle1">酒店预定通知</span>
-                                    <div class="Notifications-overflow Notifications-text text-grey-6 f12">标间1间300元</div>
+                                    <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>
                                 </div>
-                                <div class="rounded-borders bg-blue-grey-1 q-px-xs q-ml-lg text-grey-6 f12" style="color: var(--kt-light-inverse);">1 {{$t('Notifications.time')}}</div>
+                                <div class="bg-blue-grey-1 q-px-sm q-ml-lg text-grey-6 Notifications-time f10">1 {{$t('Notifications.time')}}</div>
                             </div>
                         </q-item-section>
                     </q-item>
@@ -129,11 +129,24 @@
     .Notifications-title:hover{
         color: var(--q-primary) !important;
     }
+    .Notifications-title{
+        font-weight: 600;
+        font-size: 13px;
+    }
+    .Notifications-text{
+        font-size: 12px;
+    }
     .Notifications-title,.Notifications-text{
         width: 100%;
     }
     .Notifications-demo:hover .q-item__section{
         color:var(--q-primary) !important;
     }
+    .Notifications-time{
+        color: var(--kt-light-inverse);
+        font-size: 10px !important;
+        line-height: 18px;
+        border-radius: 6px;
+    }
 </style>
   
\ No newline at end of file