admin-aaw/snapify-authentik
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 2

add backdrop to recorder

Browse source
This commit is contained in:
MarconLP 2023-07-09 10:39:40 +02:00
parent 60516f4f7e
commit a74eb3784c
No known key found for this signature in database
GPG key ID: A08A9C8B623F5EA5
1 changed files with 13 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/components/VideoRecordModal.tsx
View file

@ -25,6 +25,19 @@ export default function VideoRecordModal() {
return ( return (
<Transition appear show={open} as={Fragment}> <Transition appear show={open} as={Fragment}>
<Dialog as="div" className="relative z-10" onClose={handleClose}> <Dialog as="div" className="relative z-10" onClose={handleClose}>
{/* backdrop */}
<Transition.Child
as={Fragment}
enter="ease-out duration-300"
enterFrom="opacity-0"
enterTo="opacity-100"
leave="ease-in duration-200"
leaveFrom="opacity-100"
leaveTo="opacity-0"
>
<div className="fixed inset-0 bg-black bg-opacity-25" />
</Transition.Child>
<div className="fixed inset-0 overflow-y-auto"> <div className="fixed inset-0 overflow-y-auto">
<div className="flex min-h-full items-center justify-center p-4 text-center"> <div className="flex min-h-full items-center justify-center p-4 text-center">
<Transition.Child <Transition.Child