Improve ptz placement for debug view

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

View File

@ -36,11 +36,13 @@ import { useTranslation } from "react-i18next";
import TooltipButton from "@/views/button/TooltipButton";
export default function PtzControlPanel({
className,
camera,
enabled,
clickOverlay,
setClickOverlay,
}: {
className?: string;
camera: string;
enabled: boolean;
clickOverlay: boolean;
@ -128,6 +130,7 @@ export default function PtzControlPanel({
<div
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",
className ?? "",
isMobile && "landscape:ml-12",
)}
>

View File

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