fix(NavigationPopover): Make overlay optional

abusix · Dec 7, 2023 · ed325b1 · ed325b1
1 parent dbbddea
commit ed325b1
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/components/navigation/navigation-popover.tsx b/src/components/navigation/navigation-popover.tsx
@@ -45,13 +45,16 @@ NavigationPopoverPanel.Item = NavigationPopoverPanelItem;
 
 export interface NavigationPopoverProps {
     children: React.ReactNode;
+    showOverlay?: boolean;
 }
 
-const NavigationPopover = ({ children }: NavigationPopoverProps) => {
+const NavigationPopover = ({ children, showOverlay }: NavigationPopoverProps) => {
     return (
         <Popover>
             <>
-                <Popover.Overlay className="absolute inset-0 translate-x-[180px] bg-modal-background" />
+                {showOverlay && (
+                    <Popover.Overlay className="fixed inset-0 translate-x-[180px] bg-modal-background" />
+                )}
                 <div className="relative">{children}</div>
             </>
         </Popover>