no items icon

This commit is contained in:
Kyle Spearrin 2018-01-31 20:42:56 -05:00
parent 5e7ac7a7ec
commit e64b19e3f4
2 changed files with 6 additions and 0 deletions

View File

@ -22,6 +22,7 @@
</a> </a>
</div> </div>
<div *ngIf="searchedCiphers.length === 0" class="no-items"> <div *ngIf="searchedCiphers.length === 0" class="no-items">
<i class="fa fa-frown-o fa-4x"></i>
<p>{{'noItemsInList' | i18n}}</p> <p>{{'noItemsInList' | i18n}}</p>
<button (click)="addCipher()" class="btn block primary link">{{'addItem' | i18n}}</button> <button (click)="addCipher()" class="btn block primary link">{{'addItem' | i18n}}</button>
</div> </div>

View File

@ -115,6 +115,11 @@
align-items: center; align-items: center;
text-align: center; text-align: center;
padding: 0 10px; padding: 0 10px;
.fa {
margin-bottom: 10px;
color: $list-icon-color;
}
} }
} }