Mirrors/blakeblackshear.frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2025-10-27 10:52:11 +01:00
Code Issues Projects Releases Wiki Activity

Fix sublabel and icon spacing (#14651)

Browse Source
This commit is contained in:
Josh Hawkins 2024-10-29 08:06:19 -05:00 committed by GitHub
parent 33825f6d96
commit 8aeb597780
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 4 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
web/src/components/card/SearchThumbnail.tsx
View File

@ -41,14 +41,6 @@ export default function SearchThumbnail({
return searchResult.label; return searchResult.label;
} }
if (
config.model.attributes_map[searchResult.label].includes(
searchResult.sub_label,
)
) {
return searchResult.sub_label;
}
return `${searchResult.label}-verified`; return `${searchResult.label}-verified`;
}, [config, searchResult]); }, [config, searchResult]);
@ -102,7 +94,7 @@ export default function SearchThumbnail({
</div> </div>
<TooltipPortal> <TooltipPortal>
<TooltipContent className="capitalize"> <TooltipContent className="capitalize">
{[objectLabel] {[searchResult.sub_label ?? objectLabel]
.filter( .filter(
(item) => item !== undefined && !item.includes("-verified"), (item) => item !== undefined && !item.includes("-verified"),
) )

7
web/src/components/card/SearchThumbnailFooter.tsx
View File

@ -34,9 +34,8 @@ export default function SearchThumbnailFooter({
return ( return (
<div <div
className={cn( className={cn(
"flex w-full flex-row items-center justify-between", "flex w-full flex-row items-center justify-between gap-2",
columns > 4 && columns > 4 && "items-start sm:flex-col lg:flex-row lg:items-center",
"items-start sm:flex-col sm:gap-2 lg:flex-row lg:items-center lg:gap-1",
)} )}
> >
<div className="flex flex-col items-start text-xs text-primary-variant"> <div className="flex flex-col items-start text-xs text-primary-variant">
@ -49,7 +48,7 @@ export default function SearchThumbnailFooter({
)} )}
{formattedDate} {formattedDate}
</div> </div>
<div className="flex flex-row items-center justify-end gap-6 md:gap-4"> <div className="flex flex-row items-center justify-end gap-5 md:gap-4">
<SearchResultActions <SearchResultActions
searchResult={searchResult} searchResult={searchResult}
findSimilar={findSimilar} findSimilar={findSimilar}