administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-03-18 06:08:22 +03:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Revert "Support dashboard rotate + cover-fit for camera tiles and players"

Browse Source
This commit is contained in:
ibs0d 2026-03-08 16:50:19 +11:00 committed by GitHub
parent bb7cd76c80
commit 63e847e3b3
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 33 additions and 70 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

103
web/src/components/player/LivePlayer.tsx
View File

@ -412,24 +412,17 @@ export default function LivePlayer({
lowerClassName="md:rounded-2xl"
/>
)}
{applyDashboardTransforms ? (
<div
ref={mediaViewportRef}
className={cn(
"absolute inset-0",
shouldFillContainer && "overflow-hidden",
)}
>
<div
className="absolute left-1/2 top-1/2"
style={mediaTransformStyle}
>
{player}
</div>
<div
ref={mediaViewportRef}
className={cn(
"absolute inset-0",
shouldFillContainer && "overflow-hidden",
)}
>
<div className="absolute left-1/2 top-1/2" style={mediaTransformStyle}>
{player}
</div>
) : (
player
)}
</div>
{cameraEnabled &&
!offline &&
(!showStillWithoutActivity || isReEnabling) &&
@ -487,63 +480,33 @@ export default function LivePlayer({
</div>
)}
{applyDashboardTransforms ? (
<div
<div
className={cn(
"absolute inset-0 w-full",
showStillWithoutActivity &&
!liveReady &&
!isReEnabling &&
cameraEnabled
? "visible"
: "invisible",
)}
>
<AutoUpdatingCameraImage
className={cn(
"absolute inset-0",
showStillWithoutActivity &&
!liveReady &&
!isReEnabling &&
cameraEnabled
? "visible"
: "invisible",
"pointer-events-none size-full",
shouldFillContainer && "overflow-hidden",
)}
>
<div
className="absolute left-1/2 top-1/2"
style={mediaTransformStyle}
>
<AutoUpdatingCameraImage
className={cn(
"pointer-events-none size-full",
shouldFillContainer && "overflow-hidden",
)}
cameraClasses={cn(
"relative size-full",
shouldFillContainer && "overflow-hidden",
)}
fit={shouldFillContainer ? "cover" : "contain"}
camera={cameraConfig.name}
showFps={false}
reloadInterval={stillReloadInterval}
periodicCache
/>
</div>
</div>
) : (
<div
className={cn(
"absolute inset-0 w-full",
showStillWithoutActivity &&
!liveReady &&
!isReEnabling &&
cameraEnabled
? "visible"
: "invisible",
cameraClasses={cn(
"relative size-full",
shouldFillContainer && "overflow-hidden",
)}
>
<AutoUpdatingCameraImage
className="pointer-events-none size-full"
cameraClasses="relative size-full"
fit="contain"
camera={cameraConfig.name}
showFps={false}
reloadInterval={stillReloadInterval}
periodicCache
/>
</div>
)}
fit={shouldFillContainer ? "cover" : "contain"}
camera={cameraConfig.name}
showFps={false}
reloadInterval={stillReloadInterval}
periodicCache
/>
</div>
{offline && applyDashboardTransforms && (
<>