only desaturate when logged in and not fully

Start9Labs · Nov 29, 2022 · 0511680 · 0511680
1 parent ad14503
commit 0511680
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/frontend/projects/ui/src/app/app.component.html b/frontend/projects/ui/src/app/app.component.html
@@ -13,7 +13,9 @@
       <ion-router-outlet
         id="main-content"
         class="container"
-        [class.container_offline]="!(connection.connected$ | async)"
+        [class.container_offline]="
+          (authService.isVerified$ | async) && !(connection.connected$ | async)
+        "
       ></ion-router-outlet>
     </ion-split-pane>
 

diff --git a/frontend/projects/ui/src/app/app.component.scss b/frontend/projects/ui/src/app/app.component.scss
@@ -10,6 +10,6 @@ ion-split-pane {
   transition: filter 0.3s;
 
   &_offline {
-    filter: saturate(0) contrast(0.85);
+    filter: saturate(0.75) contrast(0.85);
   }
 }