add custom navbar styles

zeta-chain · May 7, 2024 · 5dc61ea · 5dc61ea
1 parent aedb37e
commit 5dc61ea
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/src/components/shared/components/Layout.tsx b/src/components/shared/components/Layout.tsx
@@ -18,6 +18,17 @@ const LayoutContainer = styled.div`
     }
   }
 
+  /* Custom styles for nextra Navbar component */
+  .nextra-nav-container {
+    .nextra-nav-container-blur {
+      ${tw`!bg-grey-50/80 dark:!bg-grey-900/80`};
+    }
+
+    nav a.nx-flex.nx-items-center {
+      ${tw`hover:opacity-100 dark:hover:opacity-100`};
+    }
+  }
+
   .nx-text-primary-600 {
     ${tw`text-green-100`};
   }