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

Fix review page preview video stretch by adding object-contain

Browse Source 
VideoPreview's <video> had aspect-video + size-full, but size-full overrides
the aspect-ratio constraint, leaving object-fit at the default fill.
Adding object-contain preserves the video's natural aspect ratio in event cards.

https://claude.ai/code/session_01EwdaKGsrRLZ74smmCQ1MgW
This commit is contained in:
Claude 2026-03-13 11:57:56 +00:00
parent abcb31e30c
commit 6cb31d1f96
No known key found for this signature in database
1 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/components/preview/ScrubbablePreview.tsx
View File

@ -231,7 +231,7 @@ export function VideoPreview({
<div className="relative aspect-video size-full bg-black"> <div className="relative aspect-video size-full bg-black">
<video <video
ref={playerRef} ref={playerRef}
className="pointer-events-none aspect-video size-full bg-black" className="pointer-events-none aspect-video size-full bg-black object-contain"
autoPlay autoPlay
playsInline playsInline
preload="auto" preload="auto"