administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2025-12-15 17:46:43 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Improve ptz placement for debug view

Browse Source
This commit is contained in:
Nicolas Mowen 2025-09-29 13:44:45 -06:00
parent 951b36377b
commit c74efe8656
2 changed files with 4 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
web/src/components/overlay/PtzControlPanel.tsx
View File

@ -36,11 +36,13 @@ import { useTranslation } from "react-i18next";
import TooltipButton from "@/views/button/TooltipButton"; import TooltipButton from "@/views/button/TooltipButton";
export default function PtzControlPanel({ export default function PtzControlPanel({
className,
camera, camera,
enabled, enabled,
clickOverlay, clickOverlay,
setClickOverlay, setClickOverlay,
}: { }: {
className?: string;
camera: string; camera: string;
enabled: boolean; enabled: boolean;
clickOverlay: boolean; clickOverlay: boolean;
@ -128,6 +130,7 @@ export default function PtzControlPanel({
<div <div
className={cn( className={cn(
"absolute inset-x-2 bottom-[10%] flex select-none flex-wrap items-center justify-center gap-1 md:left-[50%] md:-translate-x-[50%] md:flex-nowrap", "absolute inset-x-2 bottom-[10%] flex select-none flex-wrap items-center justify-center gap-1 md:left-[50%] md:-translate-x-[50%] md:flex-nowrap",
className ?? "",
isMobile && "landscape:ml-12", isMobile && "landscape:ml-12",
)} )}
> >

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

@ -680,6 +680,7 @@ export default function LiveCameraView({
{camera.onvif.host != "" && ( {camera.onvif.host != "" && (
<div className="flex flex-col items-center justify-center"> <div className="flex flex-col items-center justify-center">
<PtzControlPanel <PtzControlPanel
className={debug ? "bottom-auto top-[25%]" : ""}
camera={camera.name} camera={camera.name}
enabled={cameraEnabled} enabled={cameraEnabled}
clickOverlay={clickOverlay} clickOverlay={clickOverlay}