🎨

src/client/app/mobile/views/components/ui.nav.vue

@@ -51,6 +51,7 @@
 			<div class="notifications" v-if="showNotifications">
 				<header>
 					<button @click="showNotifications = false"><fa icon="times"/></button>
+					<i v-if="hasUnreadNotification" class="circle"><fa icon="circle"/></i>
 				</header>
 				<mk-notifications/>
 			</div>
@@ -228,6 +229,13 @@ export default Vue.extend({
 					line-height 42px
 					color var(--text)
 
+				> i
+					position absolute
+					top 0
+					right 16px
+					font-size 12px
+					color var(--notificationIndicator)
+
 		> .nav
 
 			> .me

src/client/app/mobile/views/components/ui.vue

@@ -124,7 +124,7 @@ export default Vue.extend({
 				position absolute
 				top 0
 				left 0
-				color var(--primary)
+				color var(--notificationIndicator)
 				font-size 16px
 
 		&.post