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

Add back black background

Browse Source
This commit is contained in:
Nicolas Mowen 2024-03-25 14:40:04 -06:00
parent 675ea1e55b
commit d2342a9d53
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
web/src/components/player/PreviewPlayer.tsx
View File

@ -234,7 +234,7 @@ function PreviewVideoPlayer({
return ( return (
<div <div
className={`relative w-full rounded-2xl overflow-hidden ${className ?? ""} ${onClick ? "cursor-pointer" : ""}`} className={`relative w-full rounded-2xl bg-black overflow-hidden ${className ?? ""} ${onClick ? "cursor-pointer" : ""}`}
onClick={onClick} onClick={onClick}
> >
{currentHourFrame && ( {currentHourFrame && (
@ -247,7 +247,7 @@ function PreviewVideoPlayer({
ref={canvasRef} ref={canvasRef}
width={videoWidth} width={videoWidth}
height={videoHeight} height={videoHeight}
className={`absolute h-full left-1/2 -translate-x-1/2 bg-black ${!loaded && hasCanvas ? "" : "hidden"}`} className={`absolute h-full left-1/2 -translate-x-1/2 ${!loaded && hasCanvas ? "" : "hidden"}`}
/> />
<video <video
ref={previewRef} ref={previewRef}
@ -281,7 +281,7 @@ function PreviewVideoPlayer({
<Skeleton className="absolute inset-0" /> <Skeleton className="absolute inset-0" />
)} )}
{cameraPreviews && !currentPreview && ( {cameraPreviews && !currentPreview && (
<div className="absolute inset-0 bg-black text-white rounded-2xl flex justify-center items-center"> <div className="absolute inset-0 text-white rounded-2xl flex justify-center items-center">
No Preview Found No Preview Found
</div> </div>
)} )}