administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-08-10 12:51:11 +03:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Miscellaneous fixes (0.18 beta) (#23934)
CI / AMD64 Build (push) Canceled after 0s
Details
CI / ARM Build (push) Canceled after 0s
Details
CI / Jetson Jetpack 6 (push) Canceled after 0s
Details
CI / AMD64 Extra Build (push) Canceled after 0s
Details
CI / ARM Extra Build (push) Canceled after 0s
Details
CI / Synaptics Build (push) Canceled after 0s
Details
CI / Assemble and push default build (push) Canceled after 0s
Details

Browse Source 
* add host npu requirements to docs

* allow toggling live audio transcription via mqtt

* improve spacing consistency on mobile drawers

* fix clearing the region grid not surviving a restart
This commit is contained in:
Josh Hawkins
2026-08-08 07:20:09 -06:00
committed by GitHub
parent 8e55da67b0
commit 344efb6bc1
15 changed files with 103 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/components/filter/LogSettingsButton.tsx
+2 -2
View File
@@ -37,7 +37,7 @@ export function LogSettingsButton({
</Button>
);
const content = (
<div className={cn("my-3 space-y-3 py-3 md:mt-0 md:py-0")}>
<div className={cn("my-3 space-y-3 px-3 py-3 md:mt-0 md:px-0 md:py-0")}>
<div className="space-y-4">
<div className="space-y-0.5">
<div>{t("filter")}</div>
@@ -77,7 +77,7 @@ export function LogSettingsButton({
return (
<Drawer>
<DrawerTrigger asChild>{trigger}</DrawerTrigger>
<DrawerContent className="mx-1 max-h-[75dvh] overflow-hidden p-3">
<DrawerContent className="mx-1 max-h-[75dvh] overflow-hidden">
{content}
</DrawerContent>
</Drawer>
web/src/components/filter/ReviewFilterGroup.tsx
+11 -1
View File
@@ -26,6 +26,7 @@ import PlatformAwareDialog from "../overlay/dialog/PlatformAwareDialog";
import { useTranslation } from "react-i18next";
import { getTranslatedLabel } from "@/utils/i18n";
import { useAllowedCameras } from "@/hooks/use-allowed-cameras";
import { cn } from "@/lib/utils";
const REVIEW_FILTERS = [
"cameras",
@@ -409,6 +410,7 @@ function GeneralFilterButton({
onUpdateFilter(resetFilter);
}}
onClose={() => setOpen(false)}
contentClassName="p-4"
/>
);
@@ -416,6 +418,7 @@ function GeneralFilterButton({
<PlatformAwareDialog
trigger={trigger}
content={content}
contentClassName="p-1"
open={open}
onOpenChange={(open) => {
if (!open) {
@@ -444,6 +447,7 @@ type GeneralFilterContentProps = {
onApply: () => void;
onReset: () => void;
onClose: () => void;
contentClassName?: string;
};
export function GeneralFilterContent({
allLabels,
@@ -454,6 +458,7 @@ export function GeneralFilterContent({
onApply,
onReset,
onClose,
contentClassName,
}: GeneralFilterContentProps) {
const { t } = useTranslation(["components/filter", "views/events"]);
const { data: config } = useSWR<FrigateConfig>("config", {
@@ -476,7 +481,12 @@ export function GeneralFilterContent({
}, [config]);
return (
<>
<div className="scrollbar-container h-auto max-h-[80dvh] overflow-y-auto overflow-x-hidden">
<div
className={cn(
"scrollbar-container h-auto max-h-[80dvh] overflow-y-auto overflow-x-hidden",
contentClassName,
)}
>
{currentSeverity && (
<div className="my-2.5 flex flex-col gap-2.5">
<FilterSwitch
web/src/components/filter/ZoneMaskFilter.tsx
+15 -3
View File
@@ -8,6 +8,7 @@ import { Label } from "../ui/label";
import { Switch } from "../ui/switch";
import { DropdownMenuSeparator } from "../ui/dropdown-menu";
import { useTranslation } from "react-i18next";
import { cn } from "@/lib/utils";
type ZoneMaskFilterButtonProps = {
selectedZoneMask?: PolygonType[];
@@ -46,8 +47,12 @@ export function ZoneMaskFilterButton({
return (
<Drawer>
<DrawerTrigger asChild>{trigger}</DrawerTrigger>
<DrawerContent className="mx-1 max-h-[75dvh] overflow-hidden p-3">
{content}
<DrawerContent className="mx-1 max-h-[75dvh] overflow-hidden">
<GeneralFilterContent
selectedZoneMask={selectedZoneMask}
updateZoneMaskFilter={updateZoneMaskFilter}
contentClassName="p-3"
/>
</DrawerContent>
</Drawer>
);
@@ -64,15 +69,22 @@ export function ZoneMaskFilterButton({
type GeneralFilterContentProps = {
selectedZoneMask: PolygonType[] | undefined;
updateZoneMaskFilter: (labels: PolygonType[] | undefined) => void;
contentClassName?: string;
};
export function GeneralFilterContent({
selectedZoneMask,
updateZoneMaskFilter,
contentClassName,
}: GeneralFilterContentProps) {
const { t } = useTranslation(["components/filter"]);
return (
<>
<div className="h-auto overflow-y-auto overflow-x-hidden">
<div
className={cn(
"h-auto overflow-y-auto overflow-x-hidden",
contentClassName,
)}
>
<div className="my-2.5 flex items-center justify-between">
<Label
className="mx-2 cursor-pointer text-primary"
web/src/components/menu/GeneralSettings.tsx
+7 -2
View File
@@ -257,7 +257,7 @@ export default function GeneralSettings({
className={
isDesktop
? "scrollbar-container mr-5 w-72 overflow-y-auto"
: "max-h-[75dvh] overflow-hidden p-2"
: "max-h-[75dvh] overflow-hidden"
}
>
{!isDesktop && (
@@ -270,7 +270,12 @@ export default function GeneralSettings({
</DrawerDescription>
</>
)}
<div className="scrollbar-container w-full flex-col overflow-y-auto overflow-x-hidden">
<div
className={cn(
"scrollbar-container w-full flex-col overflow-y-auto overflow-x-hidden",
!isDesktop && "p-2",
)}
>
{isMobile && (
<div className="mb-2">
<DropdownMenuLabel>
web/src/components/navigation/Bottombar.tsx
+2 -2
View File
@@ -174,11 +174,11 @@ function StatusAlertNav({ className, large }: StatusAlertNavProps) {
</DrawerTrigger>
<DrawerContent
className={cn(
"mx-1 max-h-[75dvh] overflow-hidden rounded-t-2xl px-2",
"mx-1 max-h-[75dvh] overflow-hidden rounded-t-2xl",
className,
)}
>
<div className="scrollbar-container flex h-auto w-full flex-col items-center gap-2 overflow-y-auto overflow-x-hidden py-4">
<div className="scrollbar-container flex h-auto w-full flex-col items-center gap-2 overflow-y-auto overflow-x-hidden px-2 py-4">
{Object.entries(messages).map(([key, messageArray]) => (
<div key={key} className="flex w-full items-center gap-2">
{messageArray.map(({ id, text, color, link }: StatusMessage) => {
web/src/components/overlay/MobileCameraDrawer.tsx
+2 -2
View File
@@ -34,8 +34,8 @@ export default function MobileCameraDrawer({
<FaVideo className="text-secondary-foreground" />
</Button>
</DrawerTrigger>
<DrawerContent className="mx-1 max-h-[75dvh] overflow-hidden rounded-t-2xl px-4">
<div className="scrollbar-container flex h-auto w-full flex-col items-center gap-2 overflow-y-auto overflow-x-hidden py-4">
<DrawerContent className="mx-1 max-h-[75dvh] overflow-hidden rounded-t-2xl">
<div className="scrollbar-container flex h-auto w-full flex-col items-center gap-2 overflow-y-auto overflow-x-hidden p-4">
{allCameras.map((cam) => (
<div
key={cam}
web/src/components/overlay/MobileReviewSettingsDrawer.tsx
+12 -3
View File
@@ -30,6 +30,7 @@ import { useNavigate } from "react-router-dom";
import { StartExportResponse } from "@/types/export";
import { ShareTimestampContent } from "./ShareTimestampDialog";
import { useIsAdmin } from "@/hooks/use-is-admin";
import { cn } from "@/lib/utils";
type DrawerMode =
| "none"
@@ -518,9 +519,9 @@ export default function MobileReviewSettingsDrawer({
} else if (drawerMode == "filter") {
content = (
<div className="scrollbar-container flex h-auto w-full flex-col overflow-y-auto overflow-x-hidden">
<div className="relative mb-2 h-8 w-full">
<div className="relative mb-4 h-8 w-full">
<div
className="absolute left-0 text-selected"
className="absolute left-4 text-selected"
onClick={() => setDrawerMode("select")}
>
{t("button.back", { ns: "common" })}
@@ -548,6 +549,7 @@ export default function MobileReviewSettingsDrawer({
onUpdateFilter(resetFilter);
}}
onClose={() => setDrawerMode("select")}
contentClassName="px-4"
/>
</div>
);
@@ -685,7 +687,14 @@ export default function MobileReviewSettingsDrawer({
</Button>
</DrawerTrigger>
<DrawerContent
className={`mx-1 flex max-h-[80dvh] flex-col items-center gap-2 rounded-t-2xl px-4 pb-4 ${drawerMode == "export" || drawerMode == "debug-replay" ? "overflow-visible" : "overflow-hidden"}`}
className={cn(
"mx-1 flex max-h-[80dvh] flex-col items-center gap-2 rounded-t-2xl pb-4",
// the filter content pads itself so its scrollbar reaches the drawer edge
drawerMode != "filter" && "px-4",
drawerMode == "export" || drawerMode == "debug-replay"
? "overflow-visible"
: "overflow-hidden",
)}
>
{content}
</DrawerContent>
web/src/components/settings/wizard/Step3StreamConfig.tsx
+2 -2
View File
@@ -491,7 +491,7 @@ export default function Step3StreamConfig({
</Button>
</div>
</DrawerTrigger>
<DrawerContent className="mx-1 max-h-[75dvh] overflow-hidden rounded-t-2xl px-2">
<DrawerContent className="mx-1 max-h-[75dvh] overflow-hidden rounded-t-2xl">
<div className="mt-2">
<Command>
<CommandInput
@@ -500,7 +500,7 @@ export default function Step3StreamConfig({
)}
className="h-9"
/>
<CommandList>
<CommandList className="px-2">
<CommandEmpty>
{t("cameraWizard.step3.noStreamFound")}
</CommandEmpty>
web/src/components/ui/drawer.tsx
+1 -1
View File
@@ -47,7 +47,7 @@ const DrawerContent = React.forwardRef<
)}
{...props}
>
<div className="mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" />
<div className="mx-auto mt-4 h-2 w-[100px] shrink-0 rounded-full bg-muted" />
{children}
</DrawerPrimitive.Content>
</DrawerPortal>