Fixed notification

src/components/BaseComponents/NavBar.vue

@@ -63,7 +63,7 @@ export default {
   name: "NavBar.vue",
   data() {
     return {
-      newMessages: 0,
+      newMessages: 111,
     };
   },
   computed: {
@@ -121,7 +121,7 @@ export default {
   min-width: 20px;
   min-height: 20px;
   padding: 0.25rem;
-  transform: translate(-80%, -30%);
+  transform: translate(-290%, 50%);
   color: white;
   font-size: 10px;
   border-radius: 50%;
@@ -130,4 +130,10 @@ export default {
   right: 0;
   cursor: pointer;
 }
+
+@media (max-width: 768px) {
+  .notification {
+    transform: translate(-60%, 70%);
+  }
+}
 </style>