administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-09 04:35:25 +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) { if (aspect > 2) {
return "aspect-wide"; return "aspect-wide";
} else if (aspect < 1) { } else if (aspect < 1) {
return "aspect-tall"; return "aspect-[9/16]";
} else { } else {
return "aspect-video"; return "aspect-video";
} }
@ -43,7 +43,7 @@ export function AnimatedEventThumbnail({ event }: AnimatedEventThumbnailProps) {
<Tooltip> <Tooltip>
<TooltipTrigger asChild> <TooltipTrigger asChild>
<div <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={{ style={{
backgroundImage: `url(${imageUrl})`, backgroundImage: `url(${imageUrl})`,
}} }}