Added a backdrop blur to modals in AdminX

refs. https://github.com/TryGhost/Team/issues/3328
This commit is contained in:
Peter Zimon 2023-05-31 09:42:10 +02:00
parent f2f3e2a22d
commit 99798ad06b

View File

@ -97,7 +97,7 @@ const Modal: React.FC<ModalProps> = ({
return ( return (
<div className={backdropStyles} id='modal-backdrop' onClick={handleBackdropClick}> <div className={backdropStyles} id='modal-backdrop' onClick={handleBackdropClick}>
<div className='pointer-events-none fixed inset-0 z-0 bg-[rgba(0,0,0,0.1)]'></div> <div className='pointer-events-none fixed inset-0 z-0 bg-[rgba(206,212,207,0.15)] backdrop-blur-[3px]'></div>
<section className={modalStyles}> <section className={modalStyles}>
<div className='h-full'> <div className='h-full'>
{title && <Heading level={4}>{title}</Heading>} {title && <Heading level={4}>{title}</Heading>}