From 6ddfbf3d46a5d7e18cbb4adb0d760250565fb871 Mon Sep 17 00:00:00 2001
From: ibs0d <53568938+ibs0d@users.noreply.github.com>
Date: Mon, 9 Mar 2026 10:16:17 +1100
Subject: [PATCH] Revert "refactor(live): use shared live-zoom helpers in
 LiveCameraView"

---
 web/src/views/live/LiveCameraView.tsx | 35 +++++++++++++++++++++------
 1 file changed, 28 insertions(+), 7 deletions(-)

diff --git a/web/src/views/live/LiveCameraView.tsx b/web/src/views/live/LiveCameraView.tsx
index 0e5278b34..9d6f45f87 100644
--- a/web/src/views/live/LiveCameraView.tsx
+++ b/web/src/views/live/LiveCameraView.tsx
@@ -122,10 +122,6 @@ import {
   SnapshotResult,
 } from "@/utils/snapshotUtil";
 import ActivityIndicator from "@/components/indicators/activity-indicator";
-import {
-  createLiveZoomWrapperProps,
-  getLiveZoomTransformStyles,
-} from "@/views/live/liveZoom";
 
 type LiveCameraViewProps = {
   config?: FrigateConfig;
@@ -441,7 +437,11 @@ export default function LiveCameraView({
   );
 
   return (
-    <TransformWrapper {...createLiveZoomWrapperProps(debug)}>
+    <TransformWrapper
+      minScale={1.0}
+      wheel={{ smoothStep: 0.005 }}
+      disabled={debug}
+    >
       <Toaster position="top-center" closeButton={true} />
       <div
         ref={mainRef}
@@ -621,7 +621,18 @@ export default function LiveCameraView({
         </div>
         {!debug ? (
           <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
                 className={`flex flex-col items-center justify-center ${growClassName}`}
                 ref={clickOverlayRef}
@@ -664,7 +675,17 @@ export default function LiveCameraView({
               )}
           </div>
         ) : (
-          <TransformComponent {...getLiveZoomTransformStyles("debug")}>
+          <TransformComponent
+            wrapperStyle={{
+              width: "100%",
+              height: "100%",
+            }}
+            contentStyle={{
+              position: "relative",
+              width: "100%",
+              height: "100%",
+            }}
+          >
             <ObjectSettingsView selectedCamera={camera.name} />
           </TransformComponent>
         )}