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

small tweaks

Browse Source
This commit is contained in:
Josh Hawkins 2024-10-15 08:08:57 -05:00
parent 90c60000d0
commit 934a0e47fe
2 changed files with 11 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -10,6 +10,8 @@ import {
DropdownMenu, DropdownMenu,
DropdownMenuContent, DropdownMenuContent,
DropdownMenuItem, DropdownMenuItem,
DropdownMenuLabel,
DropdownMenuSeparator,
DropdownMenuTrigger, DropdownMenuTrigger,
} from "@/components/ui/dropdown-menu"; } from "@/components/ui/dropdown-menu";
import { import {
@ -22,13 +24,7 @@ import {
AlertDialogHeader, AlertDialogHeader,
AlertDialogTitle, AlertDialogTitle,
} from "../ui/alert-dialog"; } from "../ui/alert-dialog";
import { import { LuCamera, LuDownload, LuMoreVertical, LuTrash2 } from "react-icons/lu";
LuCamera,
LuDownload,
LuMoreVertical,
LuSearch,
LuTrash2,
} from "react-icons/lu";
import FrigatePlusIcon from "@/components/icons/FrigatePlusIcon"; import FrigatePlusIcon from "@/components/icons/FrigatePlusIcon";
import { FrigatePlusDialog } from "../overlay/dialog/FrigatePlusDialog"; import { FrigatePlusDialog } from "../overlay/dialog/FrigatePlusDialog";
import { Event } from "@/types/event"; import { Event } from "@/types/event";
@ -36,6 +32,7 @@ import { FaArrowsRotate } from "react-icons/fa6";
import { baseUrl } from "@/api/baseUrl"; import { baseUrl } from "@/api/baseUrl";
import axios from "axios"; import axios from "axios";
import { toast } from "sonner"; import { toast } from "sonner";
import { MdImageSearch } from "react-icons/md";
type SearchThumbnailProps = { type SearchThumbnailProps = {
searchResult: SearchResult; searchResult: SearchResult;
@ -125,7 +122,7 @@ export default function SearchThumbnailFooter({
)} )}
{formattedDate} {formattedDate}
</div> </div>
<div className="flex flex-row items-center justify-end gap-4"> <div className="flex flex-row items-center justify-end gap-8 md:gap-4">
{config?.plus?.enabled && {config?.plus?.enabled &&
searchResult.has_snapshot && searchResult.has_snapshot &&
searchResult.end_time && ( searchResult.end_time && (
@ -143,7 +140,7 @@ export default function SearchThumbnailFooter({
{config?.semantic_search?.enabled && ( {config?.semantic_search?.enabled && (
<Tooltip> <Tooltip>
<TooltipTrigger> <TooltipTrigger>
<LuSearch <MdImageSearch
className="size-5 cursor-pointer text-primary" className="size-5 cursor-pointer text-primary"
onClick={findSimilar} onClick={findSimilar}
/> />
@ -157,6 +154,10 @@ export default function SearchThumbnailFooter({
<LuMoreVertical className="size-5 cursor-pointer text-primary" /> <LuMoreVertical className="size-5 cursor-pointer text-primary" />
</DropdownMenuTrigger> </DropdownMenuTrigger>
<DropdownMenuContent align={"end"}> <DropdownMenuContent align={"end"}>
<DropdownMenuLabel className="mt-0.5">
Tracked Object Actions
</DropdownMenuLabel>
<DropdownMenuSeparator className="mt-1" />
{searchResult.has_clip && ( {searchResult.has_clip && (
<DropdownMenuItem> <DropdownMenuItem>
<a <a

2
web/src/components/input/InputWithTags.tsx
View File

@ -514,7 +514,7 @@ export default function InputWithTags({
onFocus={handleInputFocus} onFocus={handleInputFocus}
onBlur={handleInputBlur} onBlur={handleInputBlur}
onKeyDown={handleInputKeyDown} onKeyDown={handleInputKeyDown}
className="text-md h-9 pr-24" className="text-md h-9 pr-32"
placeholder="Search..." placeholder="Search..."
/> />
<div className="absolute right-3 top-0 flex h-full flex-row items-center justify-center gap-5"> <div className="absolute right-3 top-0 flex h-full flex-row items-center justify-center gap-5">