change mobile sidenav bg

daostack · Nov 14, 2023 · 13537f9 · 13537f9
1 parent 38c4a98
commit 13537f9
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 1 deletion.
diff --git a/src/shared/layouts/CommonSidenavLayout/CommonSidenavLayout.module.scss b/src/shared/layouts/CommonSidenavLayout/CommonSidenavLayout.module.scss
@@ -28,6 +28,7 @@
     --sb-max-width: 100%;
     --sb-width: 100%;
     --sb-content-width: 87%;
+    --sb-shadow: 0.125rem 0 0.375rem #{$c-sidebar-shadow};
     --layout-tabs-height: 4rem;
   }
 }

diff --git a/src/shared/layouts/MultipleSpacesLayout/MultipleSpacesLayout.module.scss b/src/shared/layouts/MultipleSpacesLayout/MultipleSpacesLayout.module.scss
@@ -31,6 +31,7 @@
     --sb-max-width: 100%;
     --sb-width: 100%;
     --sb-content-width: 87%;
+    --sb-shadow: 0.125rem 0 0.375rem #{$c-sidebar-shadow};
     --layout-tabs-height: 4rem;
     --header-h: 0;
   }

diff --git a/src/shared/ui-kit/Sidenav/Sidenav.module.scss b/src/shared/ui-kit/Sidenav/Sidenav.module.scss
@@ -15,7 +15,7 @@ $zIndex: 3;
     left: 0;
     z-index: $zIndex;
     display: block;
-    background-color: $c-gray-5;
+    background-color: $c-shades-white;
     opacity: 0.5;
     animation: fade var(--sb-transition-duration);
   }
@@ -42,6 +42,7 @@ $zIndex: 3;
 
   @include tablet {
     right: 0;
+    backdrop-filter: blur(0.125rem);
   }
 
   @media (prefers-reduced-motion: reduce) {