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

Adjust plus icon

Browse Source
This commit is contained in:
Nicolas Mowen 2025-10-23 11:19:25 -06:00
parent 0d744757b0
commit 887a1b480d
2 changed files with 19 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
web/src/components/classification/wizard/Step1NameAndDefine.tsx
View File

@ -22,8 +22,7 @@ import { zodResolver } from "@hookform/resolvers/zod";
import { z } from "zod"; import { z } from "zod";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
import { useMemo } from "react"; import { useMemo } from "react";
import { LuX } from "react-icons/lu"; import { LuX, LuPlus } from "react-icons/lu";
import { MdAddBox } from "react-icons/md";
import useSWR from "swr"; import useSWR from "swr";
import { FrigateConfig } from "@/types/frigateConfig"; import { FrigateConfig } from "@/types/frigateConfig";
import { getTranslatedLabel } from "@/utils/i18n"; import { getTranslatedLabel } from "@/utils/i18n";
@ -346,10 +345,14 @@ export default function Step1NameAndDefine({
<div className="space-y-2"> <div className="space-y-2">
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<FormLabel>{t("wizard.step1.classes")}</FormLabel> <FormLabel>{t("wizard.step1.classes")}</FormLabel>
<MdAddBox <Button
className="size-7 cursor-pointer text-primary hover:text-primary/80" type="button"
variant="secondary"
className="size-6 rounded-md bg-secondary-foreground p-1 text-background"
onClick={handleAddClass} onClick={handleAddClass}
/> >
<LuPlus />
</Button>
</div> </div>
<div className="space-y-2"> <div className="space-y-2">
{watchedClasses.map((_, index) => ( {watchedClasses.map((_, index) => (

18
web/src/components/classification/wizard/Step2StateArea.tsx
View File

@ -8,8 +8,7 @@ import {
PopoverContent, PopoverContent,
PopoverTrigger, PopoverTrigger,
} from "@/components/ui/popover"; } from "@/components/ui/popover";
import { MdAddBox } from "react-icons/md"; import { LuX, LuPlus } from "react-icons/lu";
import { LuX } from "react-icons/lu";
import { Stage, Layer, Rect, Transformer } from "react-konva"; import { Stage, Layer, Rect, Transformer } from "react-konva";
import Konva from "konva"; import Konva from "konva";
import { useResizeObserver } from "@/hooks/resize-observer"; import { useResizeObserver } from "@/hooks/resize-observer";
@ -247,12 +246,11 @@ export default function Step2StateArea({
<PopoverTrigger asChild> <PopoverTrigger asChild>
<Button <Button
type="button" type="button"
variant="ghost" variant="secondary"
size="icon" className="size-6 rounded-md bg-secondary-foreground p-1 text-background"
className="size-6 p-0"
aria-label="Add camera" aria-label="Add camera"
> >
<MdAddBox className="size-6 text-primary" /> <LuPlus />
</Button> </Button>
</PopoverTrigger> </PopoverTrigger>
<PopoverContent <PopoverContent
@ -285,7 +283,13 @@ export default function Step2StateArea({
</PopoverContent> </PopoverContent>
</Popover> </Popover>
) : ( ) : (
<MdAddBox className="size-6 cursor-not-allowed text-muted" /> <Button
variant="secondary"
className="size-6 cursor-not-allowed rounded-md bg-muted p-1 text-muted-foreground"
disabled
>
<LuPlus />
</Button>
)} )}
</div> </div>