administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-10 21:25:24 +03:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Tweaks to dialog

Browse Source
This commit is contained in:
Nicolas Mowen 2024-03-26 15:26:18 -06:00
parent 5ca8a9001b
commit 8c056c947e
1 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
web/src/components/overlay/ExportDialog.tsx
View File

@ -160,7 +160,9 @@ export default function ExportDialog({
<DialogHeader> <DialogHeader>
<DialogTitle>Export</DialogTitle> <DialogTitle>Export</DialogTitle>
</DialogHeader> </DialogHeader>
<SelectSeparator className="bg-secondary" />
<RadioGroup <RadioGroup
className="flex flex-col gap-3"
onValueChange={(value) => onSelectTime(value as ExportOption)} onValueChange={(value) => onSelectTime(value as ExportOption)}
> >
{EXPORT_OPTIONS.map((opt) => { {EXPORT_OPTIONS.map((opt) => {
@ -169,8 +171,8 @@ export default function ExportDialog({
<RadioGroupItem <RadioGroupItem
className={ className={
opt == selectedOption opt == selectedOption
? "bg-selected border-selected text-selected" ? "from-selected/50 to-selected/90 text-selected bg-selected"
: "bg-muted-foreground border-muted-foreground" : "from-secondary/50 to-secondary/90 text-secondary bg-secondary"
} }
key={opt} key={opt}
id={opt} id={opt}
@ -178,7 +180,9 @@ export default function ExportDialog({
/> />
<Label className="cursor-pointer capitalize" htmlFor={opt}> <Label className="cursor-pointer capitalize" htmlFor={opt}>
{isNaN(parseInt(opt)) {isNaN(parseInt(opt))
? `${opt}` ? opt == "timeline"
? "Select from Timeline"
: `${opt}`
: `Last ${opt > "1" ? `${opt} Hours` : "Hour"}`} : `Last ${opt > "1" ? `${opt} Hours` : "Hour"}`}
</Label> </Label>
</div> </div>
@ -198,6 +202,7 @@ export default function ExportDialog({
value={name} value={name}
onChange={(e) => setName(e.target.value)} onChange={(e) => setName(e.target.value)}
/> />
<SelectSeparator className="bg-secondary" />
<DialogFooter> <DialogFooter>
<DialogClose onClick={() => setMode("none")}>Cancel</DialogClose> <DialogClose onClick={() => setMode("none")}>Cancel</DialogClose>
<Button <Button
@ -306,7 +311,7 @@ function CustomTimeSelector({
}); });
}} }}
/> />
<SelectSeparator /> <SelectSeparator className="bg-secondary" />
<input <input
className="w-full mx-4 p-1 border border-input bg-background text-secondary-foreground hover:bg-accent hover:text-accent-foreground dark:[color-scheme:dark]" className="w-full mx-4 p-1 border border-input bg-background text-secondary-foreground hover:bg-accent hover:text-accent-foreground dark:[color-scheme:dark]"
id="startTime" id="startTime"
@ -365,7 +370,7 @@ function CustomTimeSelector({
}); });
}} }}
/> />
<SelectSeparator /> <SelectSeparator className="bg-secondary" />
<input <input
className="w-full mx-4 p-1 border border-input bg-background text-secondary-foreground hover:bg-accent hover:text-accent-foreground dark:[color-scheme:dark]" className="w-full mx-4 p-1 border border-input bg-background text-secondary-foreground hover:bg-accent hover:text-accent-foreground dark:[color-scheme:dark]"
id="startTime" id="startTime"