From 57d6eb2ef864109357b190a42791455521a9617f Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Wed, 27 Feb 2019 05:20:29 +0900
Subject: [PATCH] :art:

---
 src/client/app/mobile/views/components/ui.nav.vue | 8 ++++++++
 src/client/app/mobile/views/components/ui.vue     | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/client/app/mobile/views/components/ui.nav.vue b/src/client/app/mobile/views/components/ui.nav.vue
index 1dfb7bb70..f1866871b 100644
--- a/src/client/app/mobile/views/components/ui.nav.vue
+++ b/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
diff --git a/src/client/app/mobile/views/components/ui.vue b/src/client/app/mobile/views/components/ui.vue
index 7ae7dd5f7..7ccd0f25f 100644
--- a/src/client/app/mobile/views/components/ui.vue
+++ b/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