dark mode for overlay (#23078)
This commit is contained in:
@@ -22,14 +22,14 @@ const WarningMask: FC<IWarningMaskProps> = ({
|
|||||||
footer,
|
footer,
|
||||||
}) => {
|
}) => {
|
||||||
return (
|
return (
|
||||||
<div className={`${s.mask} absolute inset-0 z-10 pt-16`}
|
<div className={`${s.mask} absolute inset-0 z-10 pt-16 bg-components-panel-bg-blur`}
|
||||||
>
|
>
|
||||||
<div className='mx-auto px-10'>
|
<div className='mx-auto px-10'>
|
||||||
<div className={`${s.icon} flex h-11 w-11 items-center justify-center rounded-xl bg-white`}>{warningIcon}</div>
|
<div className={`${s.icon} flex h-11 w-11 items-center justify-center rounded-xl bg-components-panel-bg`}>{warningIcon}</div>
|
||||||
<div className='mt-4 text-[24px] font-semibold leading-normal text-gray-800'>
|
<div className='mt-4 text-[24px] font-semibold leading-normal text-text-primary'>
|
||||||
{title}
|
{title}
|
||||||
</div>
|
</div>
|
||||||
<div className='mt-3 text-base text-gray-500'>
|
<div className='mt-3 text-base text-text-secondary'>
|
||||||
{description}
|
{description}
|
||||||
</div>
|
</div>
|
||||||
<div className='mt-6'>
|
<div className='mt-6'>
|
||||||
|
@@ -1,5 +1,4 @@
|
|||||||
.mask {
|
.mask {
|
||||||
background-color: rgba(239, 244, 255, 0.9);
|
|
||||||
backdrop-filter: blur(2px);
|
backdrop-filter: blur(2px);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user