fix overlay (#4190)

iotaledger · Nov 25, 2024 · 1a54b01 · 1a54b01
1 parent ab45678
commit 1a54b01
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/apps/ui-kit/src/lib/components/organisms/dialog/Dialog.tsx b/apps/ui-kit/src/lib/components/organisms/dialog/Dialog.tsx
@@ -17,11 +17,15 @@ const DialogOverlay = React.forwardRef<
     React.ElementRef<typeof RadixDialog.Overlay>,
     React.ComponentPropsWithoutRef<typeof RadixDialog.Overlay> & {
         showCloseIcon?: boolean;
+        position?: DialogPosition;
     }
->(({ showCloseIcon, ...props }, ref) => (
+>(({ showCloseIcon, position, ...props }, ref) => (
     <RadixDialog.Overlay
         ref={ref}
-        className="fixed inset-0 z-[99998] bg-shader-neutral-light-48 backdrop-blur-md"
+        className={cx('inset-0 z-[99998] bg-shader-neutral-light-48 backdrop-blur-md', {
+            fixed: position === DialogPosition.Right,
+            absolute: position === DialogPosition.Center,
+        })}
         {...props}
     >
         <DialogClose className={cx('fixed right-3 top-3', { hidden: !showCloseIcon })}>
@@ -66,7 +70,7 @@ const DialogContent = React.forwardRef<
                 : 'max-h-[60vh] left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 rounded-xl w-80 max-w-[85vw]';
         return (
             <RadixDialog.Portal container={containerElement}>
-                <DialogOverlay showCloseIcon={showCloseOnOverlay} />
+                <DialogOverlay showCloseIcon={showCloseOnOverlay} position={position} />
                 <RadixDialog.Content
                     ref={ref}
                     className={cx(