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

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 (
<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}
>
{currentHourFrame && (
@ -247,7 +247,7 @@ function PreviewVideoPlayer({
ref={canvasRef}
width={videoWidth}
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
ref={previewRef}
@ -281,7 +281,7 @@ function PreviewVideoPlayer({
<Skeleton className="absolute inset-0" />
)}
{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
</div>
)}