Mirrors/blakeblackshear.frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2024-11-21 19:07:46 +01:00
Code Issues Projects Releases Wiki Activity

UI bugfixes and tweaks (#10848)

Browse Source 
* fix ios z-index scrolling bug

* skeleton size
This commit is contained in:
Josh Hawkins 2024-04-05 08:44:00 -05:00 committed by GitHub
parent 07ee39b9b8
commit 5085fa7135
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 27 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
web/src/views/events/EventView.tsx
View File

@ -839,8 +839,8 @@ function MotionReview({
return ( return (
<div key={camera.name} className={`relative ${spans}`}> <div key={camera.name} className={`relative ${spans}`}>
{motionData ? ( {motionData ? (
<>
<PreviewPlayer <PreviewPlayer
key={camera.name}
className={`rounded-2xl ${spans} ${grow}`} className={`rounded-2xl ${spans} ${grow}`}
camera={camera.name} camera={camera.name}
timeRange={currentTimeRange} timeRange={currentTimeRange}
@ -858,12 +858,15 @@ function MotionReview({
}) })
} }
/> />
) : (
<Skeleton className={`rounded-2xl ${spans} ${grow}`} />
)}
<div <div
className={`review-item-ring pointer-events-none z-10 absolute rounded-lg inset-0 size-full -outline-offset-[2.8px] outline outline-[3px] ${detectionType ? `outline-severity_${detectionType} shadow-severity_${detectionType}` : "outline-transparent duration-500"}`} className={`review-item-ring pointer-events-none z-20 absolute rounded-lg inset-0 size-full -outline-offset-[2.8px] outline outline-[3px] ${detectionType ? `outline-severity_${detectionType} shadow-severity_${detectionType}` : "outline-transparent duration-500"}`}
/> />
</>
) : (
<Skeleton
className={`rounded-2xl size-full ${spans} ${grow}`}
/>
)}
</div> </div>
); );
})} })}
@ -894,7 +897,7 @@ function MotionReview({
dense={isMobile} dense={isMobile}
/> />
) : ( ) : (
<Skeleton className="rounded-2xl size-full" /> <Skeleton className="size-full" />
)} )}
</div> </div>