administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2025-12-16 18:16:44 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Improvements to gradients and making face library consistent

Browse Source
This commit is contained in:
Nicolas Mowen 2025-10-20 17:17:53 -06:00
parent 6baf43ddca
commit cac2adde31
3 changed files with 29 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
web/src/components/card/ClassificationCard.tsx
View File

@ -99,9 +99,14 @@ export function ClassificationCard({
{t("information.pixels", { ns: "common", area: imageArea })} {t("information.pixels", { ns: "common", area: imageArea })}
</div> </div>
)} )}
<div className="absolute bottom-0 left-0 right-0 flex h-12 select-none gap-2 bg-gradient-to-t from-black/60 to-transparent p-2"> <div className="absolute bottom-0 left-0 right-0 h-[50%] bg-gradient-to-t from-black/60 to-transparent" />
<div className="flex w-full flex-row items-center justify-between gap-2"> <div className="absolute bottom-0 flex w-full select-none flex-row items-center justify-between gap-2 p-2">
<div className="text-xs flex flex-col items-start text-white"> <div
className={cn(
"flex flex-col items-start text-white",
data.score ? "text-xs" : "text-sm",
)}
>
<div className="smart-capitalize"> <div className="smart-capitalize">
{data.name == "unknown" ? t("details.unknown") : data.name} {data.name == "unknown" ? t("details.unknown") : data.name}
</div> </div>
@ -118,12 +123,11 @@ export function ClassificationCard({
</div> </div>
)} )}
</div> </div>
<div className="flex flex-row items-start justify-end gap-5 md:gap-4"> <div className="flex flex-row items-start justify-end gap-5 md:gap-2">
{children} {children}
</div> </div>
</div> </div>
</div> </div>
</div>
); );
} }

2
web/src/components/overlay/FaceSelectionDialog.tsx
View File

@ -62,7 +62,7 @@ export default function FaceSelectionDialog({
); );
return ( return (
<div className={className ?? ""}> <div className={className ?? "flex"}>
{newFace && ( {newFace && (
<TextEntryDialog <TextEntryDialog
open={true} open={true}

6
web/src/pages/FaceLibrary.tsx
View File

@ -881,12 +881,12 @@ function FaceAttemptGroup({
faceNames={faceNames} faceNames={faceNames}
onTrainAttempt={(name) => onTrainAttempt(data, name)} onTrainAttempt={(name) => onTrainAttempt(data, name)}
> >
<AddFaceIcon className="size-5 cursor-pointer text-primary-variant hover:text-primary" /> <AddFaceIcon className="size-7 cursor-pointer p-1 text-gray-200 hover:rounded-full hover:bg-primary-foreground" />
</FaceSelectionDialog> </FaceSelectionDialog>
<Tooltip> <Tooltip>
<TooltipTrigger> <TooltipTrigger>
<LuRefreshCw <LuRefreshCw
className="size-5 cursor-pointer text-primary-variant hover:text-primary" className="size-7 cursor-pointer p-1 text-gray-200 hover:rounded-full hover:bg-primary-foreground"
onClick={() => onReprocess(data)} onClick={() => onReprocess(data)}
/> />
</TooltipTrigger> </TooltipTrigger>
@ -954,7 +954,7 @@ function FaceGrid({
<Tooltip> <Tooltip>
<TooltipTrigger> <TooltipTrigger>
<LuTrash2 <LuTrash2
className="size-5 cursor-pointer text-primary-variant hover:text-primary" className="size-5 cursor-pointer text-gray-200 hover:text-danger"
onClick={(e) => { onClick={(e) => {
e.stopPropagation(); e.stopPropagation();
onDelete(pageToggle, [image]); onDelete(pageToggle, [image]);