shoe bitwarden logo when nothing else to show

src/app/vault/vault.component.html

@@ -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>

src/scss/vault.scss

@@ -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;