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

tweak spacing in annotation settings popover

Browse Source
This commit is contained in:
Josh Hawkins 2025-11-06 16:29:27 -06:00
parent 9f73145d63
commit 88b6bd7535
1 changed files with 38 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

74
web/src/components/overlay/detail/AnnotationSettingsPane.tsx
View File

@ -141,50 +141,52 @@ export function AnnotationSettingsPane({
<Form {...form}> <Form {...form}>
<form <form
onSubmit={form.handleSubmit(onSubmit)} onSubmit={form.handleSubmit(onSubmit)}
className="flex flex-1 flex-col space-y-6" className="flex flex-1 flex-col space-y-3"
> >
<FormField <FormField
control={form.control} control={form.control}
name="annotationOffset" name="annotationOffset"
render={({ field }) => ( render={({ field }) => (
<FormItem className="flex flex-row items-start justify-between space-x-2"> <>
<div className="flex flex-col gap-1"> <FormItem className="flex flex-row items-start justify-between space-x-2">
<FormLabel> <div className="flex flex-col gap-1">
{t("trackingDetails.annotationSettings.offset.label")} <FormLabel>
</FormLabel> {t("trackingDetails.annotationSettings.offset.label")}
<FormDescription> </FormLabel>
<Trans ns="views/explore"> <FormDescription>
trackingDetails.annotationSettings.offset.millisecondsToOffset <Trans ns="views/explore">
</Trans> trackingDetails.annotationSettings.offset.millisecondsToOffset
<FormMessage /> </Trans>
<div className="mt-2"> <FormMessage />
{t("trackingDetails.annotationSettings.offset.tips")} </FormDescription>
<div className="mt-2 flex items-center text-primary"> </div>
<Link <div className="flex flex-col gap-3">
to={getLocaleDocUrl("configuration/reference")} <div className="min-w-24">
target="_blank" <FormControl>
rel="noopener noreferrer" <Input
className="inline" className="text-md w-full border border-input bg-background p-2 text-center hover:bg-accent hover:text-accent-foreground dark:[color-scheme:dark]"
> placeholder="0"
{t("readTheDocumentation", { ns: "common" })} {...field}
<LuExternalLink className="ml-2 inline-flex size-3" /> />
</Link> </FormControl>
</div>
</div> </div>
</FormDescription> </div>
</div> </FormItem>
<div className="flex flex-col gap-3"> <div className="mt-1 text-sm text-secondary-foreground">
<div className="min-w-24"> {t("trackingDetails.annotationSettings.offset.tips")}
<FormControl> <div className="mt-2 flex items-center text-primary-variant">
<Input <Link
className="text-md w-full border border-input bg-background p-2 text-center hover:bg-accent hover:text-accent-foreground dark:[color-scheme:dark]" to={getLocaleDocUrl("configuration/reference")}
placeholder="0" target="_blank"
{...field} rel="noopener noreferrer"
/> className="inline"
</FormControl> >
{t("readTheDocumentation", { ns: "common" })}
<LuExternalLink className="ml-2 inline-flex size-3" />
</Link>
</div> </div>
</div> </div>
</FormItem> </>
)} )}
/> />