fix: navbar on mobile

saucer · Sep 1, 2024 · 5e7fc14 · 5e7fc14
1 parent 2eb0e15
commit 5e7fc14
Showing 1 changed file with 16 additions and 4 deletions.
diff --git a/src/css/custom.css b/src/css/custom.css
@@ -12,10 +12,6 @@
   --ifm-global-shadow-lw: 0 1px 16px 0 rgba(0, 0, 0, 0.05);
 }
 
-.navbar {
-  backdrop-filter: blur(15px);
-}
-
 /*
  * Light Theme
  */
@@ -51,6 +47,22 @@
   --ifm-footer-background-color: #24283b;
 }
 
+/*
+ * Fancy Navbar
+*/
+
+.navbar:not(.navbar-sidebar--show) {
+  backdrop-filter: blur(15px);
+}
+
+[data-theme="light"] .navbar-sidebar--show {
+  --ifm-navbar-background-color: #fdf0ed;
+}
+
+[data-theme="dark"] .navbar-sidebar--show {
+  --ifm-navbar-background-color: #31364e;
+}
+
 /* 
  * Code Blocks
  */