fix: add backdrop blur to prevent sidebar overlap with course content…

… when scrolled (#1167)
code100x · Sep 11, 2024 · ab22337 · ab22337
1 parent 08b4a2e
commit ab22337
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
@@ -177,7 +177,7 @@ export function Sidebar({
             variants={sidebarVariants}
             className="fixed right-0 top-0 z-[99999] flex h-screen w-full flex-col gap-4 overflow-y-auto rounded-r-lg border-l border-primary/10 bg-neutral-50 dark:bg-neutral-900 md:max-w-[30vw]"
           >
-            <div className="sticky top-0 z-10 flex items-center justify-between border-b border-primary/10 p-5">
+            <div className="sticky top-0 z-10 flex items-center justify-between border-b border-primary/10 p-5 backdrop-blur-md">
               <h4 className="text-xl font-bold tracking-tighter text-primary lg:text-2xl">
                 Course Content
               </h4>