Add nothing message

src/components/notifications/notifications.vue

@@ -28,6 +28,12 @@
 						</span>
 					</span>
 				</div>
+				<p class="nothing" v-if="notifications.length === 0">
+					You don't have any notifications. Have a nice day!<br/>
+					<span class="explainer">
+						Notifications will appear here when actions on namespaces, lists or tasks you subscribed to happen.
+					</span>
+				</p>
 			</div>
 		</transition>
 	</div>

src/styles/components/notifications.scss

@@ -77,5 +77,15 @@
 				margin-bottom: 1rem;
 			}
 		}
+
+		.nothing {
+			text-align: center;
+			padding-bottom: 1rem;
+			color: $grey-500;
+
+			.explainer {
+				font-size: .75rem;
+			}
+		}
 	}
 }