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

Revert "refactor(live): use shared live-zoom helpers in LiveCameraView"

Browse Source
This commit is contained in:
ibs0d 2026-03-09 10:16:17 +11:00 committed by GitHub
parent 5e722c2174
commit 6ddfbf3d46
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 28 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
web/src/views/live/LiveCameraView.tsx
View File

@ -122,10 +122,6 @@ import {
SnapshotResult, SnapshotResult,
} from "@/utils/snapshotUtil"; } from "@/utils/snapshotUtil";
import ActivityIndicator from "@/components/indicators/activity-indicator"; import ActivityIndicator from "@/components/indicators/activity-indicator";
import {
createLiveZoomWrapperProps,
getLiveZoomTransformStyles,
} from "@/views/live/liveZoom";
type LiveCameraViewProps = { type LiveCameraViewProps = {
config?: FrigateConfig; config?: FrigateConfig;
@ -441,7 +437,11 @@ export default function LiveCameraView({
); );
return ( return (
<TransformWrapper {...createLiveZoomWrapperProps(debug)}> <TransformWrapper
minScale={1.0}
wheel={{ smoothStep: 0.005 }}
disabled={debug}
>
<Toaster position="top-center" closeButton={true} /> <Toaster position="top-center" closeButton={true} />
<div <div
ref={mainRef} ref={mainRef}
@ -621,7 +621,18 @@ export default function LiveCameraView({
</div> </div>
{!debug ? ( {!debug ? (
<div id="player-container" className="size-full" ref={containerRef}> <div id="player-container" className="size-full" ref={containerRef}>
<TransformComponent {...getLiveZoomTransformStyles("player")}> <TransformComponent
wrapperStyle={{
width: "100%",
height: "100%",
}}
contentStyle={{
position: "relative",
width: "100%",
height: "100%",
padding: "8px",
}}
>
<div <div
className={`flex flex-col items-center justify-center ${growClassName}`} className={`flex flex-col items-center justify-center ${growClassName}`}
ref={clickOverlayRef} ref={clickOverlayRef}
@ -664,7 +675,17 @@ export default function LiveCameraView({
)} )}
</div> </div>
) : ( ) : (
<TransformComponent {...getLiveZoomTransformStyles("debug")}> <TransformComponent
wrapperStyle={{
width: "100%",
height: "100%",
}}
contentStyle={{
position: "relative",
width: "100%",
height: "100%",
}}
>
<ObjectSettingsView selectedCamera={camera.name} /> <ObjectSettingsView selectedCamera={camera.name} />
</TransformComponent> </TransformComponent>
)} )}