fix(nav): make sure nav is on top of the content (#72)

SamVerschueren · web-flow · commit cd4ecc756dde · 2024-06-14T12:00:59.000+02:00
diff --git a/packages/components/react/src/Nav.tsx b/packages/components/react/src/Nav.tsx
@@ -40,7 +40,7 @@ export function Nav({ lesson: currentLesson, navList }: Props) {
           data-state={`${showDropdown ? 'open' : 'closed'}`}
           className={classNames(
             navStyles.NavContainer,
-            'absolute z-1 left-0 transition-[background,box-shadow] duration-0 right-0 rounded-[8px] border overflow-hidden',
+            'absolute z-1 left-0 transition-[background,box-shadow] duration-0 right-0 rounded-[8px] border overflow-hidden z-50',
           )}
           ref={menuRef}
         >

Original file line number	Diff line number	Diff line change
`@@ -40,7 +40,7 @@ export function Nav({ lesson: currentLesson, navList }: Props) {`
`40`	`40`	data-state={`${showDropdown ? 'open' : 'closed'}`}
`41`	`41`	`className={classNames(`
`42`	`42`	`navStyles.NavContainer,`
`43`		`- 'absolute z-1 left-0 transition-[background,box-shadow] duration-0 right-0 rounded-[8px] border overflow-hidden',`
	`43`	`+ 'absolute z-1 left-0 transition-[background,box-shadow] duration-0 right-0 rounded-[8px] border overflow-hidden z-50',`
`44`	`44`	`)}`
`45`	`45`	`ref={menuRef}`
`46`	`46`	`>`