shoe bitwarden logo when nothing else to show

This commit is contained in:
Kyle Spearrin 2018-01-31 22:26:00 -05:00
parent 1925f74cb5
commit 9dafe671ae
2 changed files with 37 additions and 1 deletions

View File

@ -28,6 +28,13 @@
(onCancelled)="cancelledAddEdit($event)" (onCancelled)="cancelledAddEdit($event)"
(onGeneratePassword)="openPasswordGenerator()"> (onGeneratePassword)="openPasswordGenerator()">
</app-vault-add-edit> </app-vault-add-edit>
<div id="logo" *ngIf="action !== 'add' && action !== 'edit' && action !== 'view'">
<div class="content">
<div class="inner-content">
<img src="../../images/logo@2x.png" />
</div>
</div>
</div>
<ng-template #passwordGenerator></ng-template> <ng-template #passwordGenerator></ng-template>
<ng-template #attachments></ng-template> <ng-template #attachments></ng-template>
<ng-template #folderAddEdit></ng-template> <ng-template #folderAddEdit></ng-template>

View File

@ -4,7 +4,7 @@
height: 100%; height: 100%;
display: flex; display: flex;
#groupings, #items, #details { #groupings, #items, #details, #logo {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -161,6 +161,35 @@
} }
} }
#logo {
flex: 1;
min-width: 0;
.content {
overflow-y: hidden;
overflow-x: auto;
}
.inner-content {
min-width: 320px;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
img {
width: 282px;
opacity: 0.3;
transition: all 1s ease-in-out;
&:hover {
opacity: 1;
}
}
}
.header { .header {
min-height: 44px; min-height: 44px;
max-height: 44px; max-height: 44px;