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

change icon and popover text in detail stream for annotation settings

Browse Source
This commit is contained in:
Josh Hawkins 2025-11-06 07:42:11 -06:00
parent 57f328e9e5
commit 28b6555998
2 changed files with 5 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/components/overlay/detail/AnnotationOffsetSlider.tsx
View File

@ -121,13 +121,13 @@ export default function AnnotationOffsetSlider({ className }: Props) {
<PopoverTrigger asChild>
<button
className="focus:outline-none"
aria-label={t("trackingDetails.annotationSettings.offset.desc")}
aria-label={t("trackingDetails.annotationSettings.offset.tips")}
>
<LuInfo className="size-4" />
</button>
</PopoverTrigger>
<PopoverContent className="w-80 text-sm">
{t("trackingDetails.annotationSettings.offset.desc")}
{t("trackingDetails.annotationSettings.offset.tips")}
</PopoverContent>
</Popover>
</div>

11
web/src/components/timeline/DetailStream.tsx
View File

@ -16,13 +16,7 @@ import ActivityIndicator from "../indicators/activity-indicator";
import { Event } from "@/types/event";
import { getIconForLabel } from "@/utils/iconUtil";
import { ReviewSegment } from "@/types/review";
import {
LuChevronDown,
LuCircle,
LuChevronRight,
LuSettings,
} from "react-icons/lu";
import { MdAutoAwesome } from "react-icons/md";
import { LuChevronDown, LuCircle, LuChevronRight } from "react-icons/lu";
import { getTranslatedLabel } from "@/utils/i18n";
import EventMenu from "@/components/timeline/EventMenu";
import { FrigatePlusDialog } from "@/components/overlay/dialog/FrigatePlusDialog";
@ -32,6 +26,7 @@ import { Link } from "react-router-dom";
import { Switch } from "@/components/ui/switch";
import { usePersistence } from "@/hooks/use-persistence";
import { isDesktop } from "react-device-detect";
import { PiSlidersHorizontalBold } from "react-icons/pi";
type DetailStreamProps = {
reviewItems?: ReviewSegment[];
@ -237,7 +232,7 @@ export default function DetailStream({
className="flex w-full items-center justify-between p-3"
>
<div className="flex items-center gap-2 text-sm font-medium">
<LuSettings className="size-4" />
<PiSlidersHorizontalBold className="size-4" />
<span>{t("detail.settings")}</span>
</div>
{controlsExpanded ? (