administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-08 20:25:26 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Use taller aspect ratio for tall thumbnails

Browse Source
This commit is contained in:
Nicolas Mowen 2024-02-13 11:52:53 -07:00
parent 51ca862683
commit beed45e7ed
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/components/image/AnimatedEventThumbnail.tsx
View File

@ -33,7 +33,7 @@ export function AnimatedEventThumbnail({ event }: AnimatedEventThumbnailProps) {
if (aspect > 2) {
return "aspect-wide";
} else if (aspect < 1) {
return "aspect-tall";
return "aspect-[9/16]";
} else {
return "aspect-video";
}
@ -43,7 +43,7 @@ export function AnimatedEventThumbnail({ event }: AnimatedEventThumbnailProps) {
<Tooltip>
<TooltipTrigger asChild>
<div
className={`relative rounded bg-cover h-24 bg-no-repeat bg-center mr-4 ${aspect}`}
className={`relative rounded bg-contain h-24 bg-no-repeat bg-center mr-4 ${aspect}`}
style={{
backgroundImage: `url(${imageUrl})`,
}}