mail icon (#402)

Co-authored-by: Drew Ansbacher <drew.ansbacher@spiredigital.com>
This commit is contained in:
Drew Ansbacher
2021-08-10 13:26:15 -06:00
committed by Aiden McClelland
parent 1299a3a368
commit 3fcb96229e
2 changed files with 12 additions and 5 deletions

View File

@@ -89,6 +89,7 @@
<ion-icon name="information-circle-outline"></ion-icon>
<ion-icon name="list-outline"></ion-icon>
<ion-icon name="logo-bitcoin"></ion-icon>
<ion-icon name="mail-outline"></ion-icon>
<ion-icon name="medkit-outline"></ion-icon>
<ion-icon name="newspaper-outline"></ion-icon>
<ion-icon name="notifications-outline"></ion-icon>

View File

@@ -20,11 +20,17 @@
<!-- no notifications -->
<ng-container *ngIf="!loading">
<ion-item-group *ngIf="!notifications.length">
<ion-item>
<ion-label class="ion-text-wrap">
Notifications about Embassy and services will appear here.
</ion-label>
</ion-item>
<div
style="
text-align: center;
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%, -50%);"
>
<ion-icon style="font-size: 84px; color: #282c33" name="mail-outline"></ion-icon>
<h4 style="color: #282c33; margin-top: 0px">Inbox Empty</h4>
</div>
</ion-item-group>
<!-- has notifications -->