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

Improve spacing and add face library to mobile

Browse Source
This commit is contained in:
Nicolas Mowen 2025-03-14 10:04:01 -06:00
parent a960bada6c
commit 2f44447a5f
2 changed files with 134 additions and 114 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
web/src/components/menu/GeneralSettings.tsx
View File

@ -255,6 +255,19 @@ export default function GeneralSettings({ className }: GeneralSettingsProps) {
</Link>
</>
)}
{isAdmin && isMobile && (
<>
<Link to="/faces">
<MenuItem
className="flex w-full items-center p-2 text-sm"
aria-label="Face Library"
>
<LuSquarePen className="mr-2 size-4" />
<span>Configuration editor</span>
</MenuItem>
</Link>
</>
)}
</DropdownMenuGroup>
<DropdownMenuLabel className={isDesktop ? "mt-3" : "mt-1"}>
Appearance

27
web/src/views/settings/ClassificationSettingsView.tsx
View File

@ -318,6 +318,7 @@ export default function ClassificationSettingsView({
</div>
</div>
<div className="my-2 space-y-6">
<Separator className="my-2 flex bg-secondary" />
<Heading as="h4" className="my-2">
@ -326,10 +327,10 @@ export default function ClassificationSettingsView({
<div className="max-w-6xl">
<div className="mb-5 mt-2 flex max-w-5xl flex-col gap-2 text-sm text-primary-variant">
<p>
Face recognition allows people to be assigned names and when their
face is recognized Frigate will assign the person's name as a sub
label. This information is included in the UI, filters, as well as
in notifications.
Face recognition allows people to be assigned names and when
their face is recognized Frigate will assign the person's name
as a sub label. This information is included in the UI, filters,
as well as in notifications.
</p>
<div className="flex items-center text-primary">
@ -373,11 +374,12 @@ export default function ClassificationSettingsView({
<div className="max-w-6xl">
<div className="mb-5 mt-2 flex max-w-5xl flex-col gap-2 text-sm text-primary-variant">
<p>
Frigate can recognize license plates on vehicles and automatically
add the detected characters to the recognized_license_plate field
or a known name as a sub_label to objects that are of type car. A
common use case may be to read the license plates of cars pulling
into a driveway or cars passing by on a street.
Frigate can recognize license plates on vehicles and
automatically add the detected characters to the
recognized_license_plate field or a known name as a sub_label to
objects that are of type car. A common use case may be to read
the license plates of cars pulling into a driveway or cars
passing by on a street.
</p>
<div className="flex items-center text-primary">
@ -416,7 +418,11 @@ export default function ClassificationSettingsView({
<Separator className="my-2 flex bg-secondary" />
<div className="flex w-full flex-row items-center gap-2 pt-2 md:w-[25%]">
<Button className="flex flex-1" aria-label="Reset" onClick={onCancel}>
<Button
className="flex flex-1"
aria-label="Reset"
onClick={onCancel}
>
Reset
</Button>
<Button
@ -438,5 +444,6 @@ export default function ClassificationSettingsView({
</div>
</div>
</div>
</div>
);
}