docs(core): adds black background to modal backdrop since firefox does not support blurred backdrop filter (#6059)

This commit is contained in:
Jack Hsu 2021-06-17 14:23:35 -04:00 committed by GitHub
parent 03e3f60338
commit a37a5e93a6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -165,7 +165,7 @@ export function DocumentationPage({
onClose={() => {}} onClose={() => {}}
> >
<div className="flex items-center justify-center min-h-screen"> <div className="flex items-center justify-center min-h-screen">
<Dialog.Overlay className="fixed inset-0 backdrop-filter backdrop-blur" /> <Dialog.Overlay className="fixed inset-0 bg-black bg-opacity-20 backdrop-filter backdrop-blur" />
<div className="z-50 bg-white rounded w-11/12 max-w-xl filter drop-shadow-2xl"> <div className="z-50 bg-white rounded w-11/12 max-w-xl filter drop-shadow-2xl">
<Dialog.Title <Dialog.Title
as="h3" as="h3"