devol
/
bitwarden-estensione-browser
mirror of https://github.com/bitwarden/browser
1
0
Fork 0
Code Issues 1 Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/app/vault/vault.component.html
View File

@ -28,6 +28,13 @@
(onCancelled)="cancelledAddEdit($event)"
(onGeneratePassword)="openPasswordGenerator()">
</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 #attachments></ng-template>
<ng-template #folderAddEdit></ng-template>

31
src/scss/vault.scss
View File

@ -4,7 +4,7 @@
height: 100%;
display: flex;
#groupings, #items, #details {
#groupings, #items, #details, #logo {
display: flex;
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 {
min-height: 44px;
max-height: 44px;