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 1 Packages Projects Releases Wiki Activity

Revert "Add live zoom config and helpers for player/debug modes"

Browse Source
This commit is contained in:
ibs0d 2026-03-09 10:16:46 +11:00 committed by GitHub
parent 268fd733b6
commit 1820f222ef
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 0 additions and 61 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

61
web/src/views/live/liveZoom.ts
View File

@ -1,61 +0,0 @@
import { type CSSProperties } from "react";
import { ReactZoomPanPinchProps } from "react-zoom-pan-pinch";
export type LiveZoomMode = "player" | "debug";
export type LiveZoomWrapperProps = Pick<
ReactZoomPanPinchProps,
"minScale" | "wheel" | "disabled"
>;
export type LiveZoomTransformStyles = {
wrapperStyle: CSSProperties;
contentStyle: CSSProperties;
};
export const LIVE_ZOOM_WHEEL_CONFIG: NonNullable<
ReactZoomPanPinchProps["wheel"]
> = {
smoothStep: 0.005,
};
const LIVE_ZOOM_TRANSFORM_STYLES: Record<LiveZoomMode, LiveZoomTransformStyles> =
{
player: {
wrapperStyle: {
width: "100%",
height: "100%",
},
contentStyle: {
position: "relative",
width: "100%",
height: "100%",
padding: "8px",
},
},
debug: {
wrapperStyle: {
width: "100%",
height: "100%",
},
contentStyle: {
position: "relative",
width: "100%",
height: "100%",
},
},
};
export function createLiveZoomWrapperProps(disabled: boolean): LiveZoomWrapperProps {
return {
minScale: 1,
wheel: LIVE_ZOOM_WHEEL_CONFIG,
disabled,
};
}
export function getLiveZoomTransformStyles(
mode: LiveZoomMode,
): LiveZoomTransformStyles {
return LIVE_ZOOM_TRANSFORM_STYLES[mode];
}