* fix squashed alert thumbnails in filmstrip

* add genai debug logs

* consistent themed image loading indicator background color

* improve image loading skeleton in object lifecycle pane

* less rounding when screen is smaller

* use browser back button to dismiss review pane

* initial state
This commit is contained in:
Josh Hawkins
2024-10-01 07:01:45 -06:00
committed by GitHub
parent 141cf39368
commit fafe5623d1
6 changed files with 39 additions and 9 deletions
@@ -107,7 +107,7 @@ export function AnimatedEventCard({
<Tooltip>
<TooltipTrigger asChild>
<div
className="relative h-24 4k:h-32"
className="relative h-24 flex-shrink-0 4k:h-32"
style={{
aspectRatio: alertVideos ? aspectRatio : undefined,
}}
@@ -145,7 +145,7 @@ export function AnimatedEventCard({
>
{!alertVideos ? (
<img
className="size-full select-none"
className="max-h-full select-none"
src={`${apiHost}${event.thumb_path.replace("/media/frigate/", "")}`}
loading={isSafari ? "eager" : "lazy"}
onLoad={() => setIsLoaded(true)}