feat: align sidebar backdrop with modal

Videodock · Feb 28, 2024 · f4d3e01 · f4d3e01
1 parent 521d273
commit f4d3e01
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/ui-react/src/components/Sidebar/Sidebar.module.scss b/packages/ui-react/src/components/Sidebar/Sidebar.module.scss
@@ -14,7 +14,7 @@
   display: none;
   width: 100%;
   height: 100%;
-  background: rgba(variables.$black, 0.4);
+  background: theme.$modal-backdrop-bg;
   transition: all 0.3s ease;
 }
 
@@ -72,9 +72,11 @@
   .backdrop {
     display: inline-block;
     visibility: hidden;
+    opacity: 0;
 
     &.visible {
       visibility: visible;
+      opacity: 1;
     }
   }
 }