feat: badge notification (#193)

Co-authored-by: audi pratama <Audi.Priyatna@prolind-group.net>
zuramai · Jan 16, 2023 · 7f1a31b · 7f1a31b
1 parent 6048352
commit 7f1a31b
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/src/assets/scss/components/_badge.scss b/src/assets/scss/components/_badge.scss
@@ -9,6 +9,11 @@
     }
 }
 
+.badge-notification {
+    position: absolute;
+    right: 20px;
+    padding: 3px;
+}
 
 a.badge:hover {
 

diff --git a/src/layouts/vertical-navbar.html b/src/layouts/vertical-navbar.html
@@ -49,6 +49,7 @@ <h6 class="dropdown-header">Mail</h6>
                                 <li class="nav-item dropdown me-3">
                                     <a class="nav-link active dropdown-toggle text-gray-600" href="#" data-bs-toggle="dropdown" data-bs-display="static" aria-expanded="false">
                                         <i class='bi bi-bell bi-sub fs-4'></i>
+                                        <span class="badge badge-notification bg-danger">7</span>
                                     </a>
                                     <ul class="dropdown-menu dropdown-menu-end notification-dropdown" aria-labelledby="dropdownMenuButton">
                                         <li class="dropdown-header">