Mirrors/blakeblackshear.frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2025-03-09 00:16:54 +01:00
Code Issues Projects Releases Wiki Activity

Recording: Fix z-index issue with recording playlist (#3762)

Browse Source
This commit is contained in:
Aksel Skauge Mellbye 2022-09-19 21:23:02 +02:00 committed by Blake Blackshear
parent be7b858cbd
commit faf583451f
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
web/src/components/RecordingPlaylist.jsx
View File

@ -41,15 +41,15 @@ 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 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 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 <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 z-10`}
> >
{active ? <Menu /> : <MenuOpen />} {active ? <Menu /> : <MenuOpen />}
</div> </div>
<div <div
className={`w-full h-full bg-gray-800 bg-opacity-70 border-l overflow-x-hidden overflow-y-auto${ className={`w-full h-full bg-gray-800 bg-opacity-70 border-l overflow-x-hidden overflow-y-auto z-10${
active ? '' : ' hidden' active ? '' : ' hidden'
}`} }`}
> >