diff --git a/web/src/views/settings/ObjectSettingsView.tsx b/web/src/views/settings/ObjectSettingsView.tsx index 3179fb85cc..d30036b604 100644 --- a/web/src/views/settings/ObjectSettingsView.tsx +++ b/web/src/views/settings/ObjectSettingsView.tsx @@ -33,6 +33,7 @@ import { getTranslatedLabel } from "@/utils/i18n"; import { useCameraFriendlyName } from "@/hooks/use-camera-friendly-name"; import { AudioLevelGraph } from "@/components/audio/AudioLevelGraph"; import { useWs } from "@/api/ws"; +import { cn } from "@/lib/utils"; type ObjectSettingsViewProps = { selectedCamera?: string; @@ -200,15 +201,18 @@ export default function ObjectSettingsView({ input.roles.includes("audio")) ? "grid-cols-3" : "grid-cols-2"}`} + className={cn( + "grid w-full", + cameraConfig.audio.enabled_in_config + ? "grid-cols-3" + : "grid-cols-2", + )} > {t("debug.debugging")} {t("debug.objectList")} - {cameraConfig.ffmpeg.inputs.some((input) => - input.roles.includes("audio"), - ) && ( + {cameraConfig.audio.enabled_in_config && ( {t("debug.audio.title")} )} @@ -325,9 +329,7 @@ export default function ObjectSettingsView({ - {cameraConfig.ffmpeg.inputs.some((input) => - input.roles.includes("audio"), - ) && ( + {cameraConfig.audio.enabled_in_config && (