Bring recording playlist in front of video.js modals

Ensure that the playlist doesn't get covered by video.js error messages,
preventing interaction.
This commit is contained in:
Aksel Skauge Mellbye 2022-09-04 01:37:03 +02:00 committed by Blake Blackshear
parent 14faf0b2f6
commit a6a0e4d1de

View File

@ -41,7 +41,7 @@ export default function RecordingPlaylist({ camera, recordings, selectedDate })
const openClass = active ? '-left-6' : 'right-0'; const openClass = active ? '-left-6' : 'right-0';
return ( return (
<div className="flex absolute inset-y-0 right-0 w-9/12 md:w-1/2 lg:w-3/5 max-w-md text-base text-white font-sans"> <div className="flex absolute z-10 inset-y-0 right-0 w-9/12 md:w-1/2 lg:w-3/5 max-w-md text-base text-white font-sans">
<div <div
onClick={toggle} onClick={toggle}
className={`absolute ${openClass} cursor-pointer items-center self-center rounded-tl-lg rounded-bl-lg border border-r-0 w-6 h-20 py-7 bg-gray-800 bg-opacity-70`} className={`absolute ${openClass} cursor-pointer items-center self-center rounded-tl-lg rounded-bl-lg border border-r-0 w-6 h-20 py-7 bg-gray-800 bg-opacity-70`}