fix squashed alert thumbnails in filmstrip

This commit is contained in:
Josh Hawkins 2024-10-01 07:03:51 -05:00
parent 94fd75e014
commit e7d7086291

View File

@ -107,7 +107,7 @@ export function AnimatedEventCard({
<Tooltip> <Tooltip>
<TooltipTrigger asChild> <TooltipTrigger asChild>
<div <div
className="relative h-24 4k:h-32" className="relative h-24 flex-shrink-0 4k:h-32"
style={{ style={{
aspectRatio: alertVideos ? aspectRatio : undefined, aspectRatio: alertVideos ? aspectRatio : undefined,
}} }}
@ -145,7 +145,7 @@ export function AnimatedEventCard({
> >
{!alertVideos ? ( {!alertVideos ? (
<img <img
className="size-full select-none" className="max-h-full select-none"
src={`${apiHost}${event.thumb_path.replace("/media/frigate/", "")}`} src={`${apiHost}${event.thumb_path.replace("/media/frigate/", "")}`}
loading={isSafari ? "eager" : "lazy"} loading={isSafari ? "eager" : "lazy"}
onLoad={() => setIsLoaded(true)} onLoad={() => setIsLoaded(true)}