Fixed navbar at top (#434)

* Fixed navbar at top * blur navbar * Navbar changed to blur mode * fix: Update layout.tsx * fixed gap --------- Co-authored-by: Ashutosh Rath <[email protected]>
ashutosh-rath02 · Aug 8, 2024 · 9304aa1 · 9304aa1
1 parent a0846fe
commit 9304aa1
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/components/navbar.tsx b/components/navbar.tsx
@@ -15,7 +15,7 @@ export default async function Navbar() {
   const { data } = await supabase.auth.getUser();
 
   return (
-    <nav className="max-w-screen-2xl mx-auto sm:px-20 md:px-8 lg:px-20 px-8 m-2 p-4 w-full flex items-center justify-between">
+    <nav className="fixed top-0  backdrop-blur-sm z-50 max-w-screen-2xl mx-auto sm:px-20 md:px-8 lg:px-20 px-8 p-4 w-full flex items-center justify-between">
       <div className="flex items-center gap-x-2">
         <Link
           href={"/"}