Merge pull request #1960 from RitvikSardana/notification-style

fix: change notification unread color to light blue
frappe · Sep 2, 2024 · ba1f420 · ba1f420
2 parents 97f81ef + f00955a
commit ba1f420
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/desk/src/components/layouts/Sidebar.vue b/desk/src/components/layouts/Sidebar.vue
@@ -24,7 +24,7 @@
     <span class="mb-4">
       <div
         v-if="notificationStore.unread"
-        class="absolute z-20 h-1.5 w-1.5 translate-x-6 translate-y-1 rounded-full bg-gray-800"
+        class="absolute z-20 h-1.5 w-1.5 translate-x-6 translate-y-1 rounded-full bg-blue-400"
         theme="gray"
         variant="solid"
       />

diff --git a/desk/src/components/notifications/Notifications.vue b/desk/src/components/notifications/Notifications.vue
@@ -73,7 +73,7 @@
             <div class="text-sm text-gray-600">
               {{ dayjs.tz(n.creation).fromNow() }}
             </div>
-            <div v-if="!n.read" class="h-1.5 w-1.5 rounded-full bg-gray-900" />
+            <div v-if="!n.read" class="h-1.5 w-1.5 rounded-full bg-blue-400" />
           </div>
         </span>
       </RouterLink>

diff --git a/desk/src/pages/MobileNotifications.vue b/desk/src/pages/MobileNotifications.vue
@@ -34,7 +34,7 @@
       "
     >
       <UserAvatar v-bind="n.user_from" />
-      <span>
+      <div>
         <div class="mb-2 leading-5">
           <span class="space-x-1 text-gray-700">
             <span class="font-medium text-gray-900">{{
@@ -58,9 +58,9 @@
           <div class="text-sm text-gray-600">
             {{ dayjs.tz(n.creation).fromNow() }}
           </div>
-          <div v-if="!n.read" class="h-1.5 w-1.5 rounded-full bg-gray-900" />
+          <div v-if="!n.read" class="h-1.5 w-1.5 rounded-full bg-blue-400" />
         </div>
-      </span>
+      </div>
     </RouterLink>
   </div>
   <div v-else class="flex flex-1 flex-col items-center gap-2">