chris/frigate
1
0
Fork 0
forked from Github/frigate
Code Pull Requests Packages Activity

UI tweaks (#13711)

Browse Source 
* Fix dialog autofocus problems on mobile

* set font size to prevent mobile zooming

* Use arrow keys to navigate Explore view
This commit is contained in:
Josh Hawkins
2024-09-12 22:07:35 -05:00
committed by GitHub
parent 1f9ba1d625
commit 61854f1d6a
11 changed files with 92 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/components/overlay/CreateUserDialog.tsx
View File

@@ -74,7 +74,7 @@ export default function CreateUserDialog({
<FormLabel>User</FormLabel>
<FormControl>
<Input
className="w-full border border-input bg-background p-2 hover:bg-accent hover:text-accent-foreground dark:[color-scheme:dark]"
className="text-md w-full border border-input bg-background p-2 hover:bg-accent hover:text-accent-foreground dark:[color-scheme:dark]"
{...field}
/>
</FormControl>
@@ -89,7 +89,7 @@ export default function CreateUserDialog({
<FormLabel>Password</FormLabel>
<FormControl>
<Input
className="w-full border border-input bg-background p-2 hover:bg-accent hover:text-accent-foreground dark:[color-scheme:dark]"
className="text-md w-full border border-input bg-background p-2 hover:bg-accent hover:text-accent-foreground dark:[color-scheme:dark]"
type="password"
{...field}
/>

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

@@ -273,7 +273,7 @@ export function ExportContent({
/>
)}
<Input
className="my-6"
className="text-md my-6"
type="search"
placeholder="Name the Export"
value={name}
@@ -431,7 +431,7 @@ function CustomTimeSelector({
/>
<SelectSeparator className="bg-secondary" />
<input
className="mx-4 w-full border border-input bg-background p-1 text-secondary-foreground hover:bg-accent hover:text-accent-foreground dark:[color-scheme:dark]"
className="text-md mx-4 w-full border border-input bg-background p-1 text-secondary-foreground hover:bg-accent hover:text-accent-foreground dark:[color-scheme:dark]"
id="startTime"
type="time"
value={startClock}
@@ -493,7 +493,7 @@ function CustomTimeSelector({
/>
<SelectSeparator className="bg-secondary" />
<input
className="mx-4 w-full border border-input bg-background p-1 text-secondary-foreground hover:bg-accent hover:text-accent-foreground dark:[color-scheme:dark]"
className="text-md mx-4 w-full border border-input bg-background p-1 text-secondary-foreground hover:bg-accent hover:text-accent-foreground dark:[color-scheme:dark]"
id="startTime"
type="time"
value={endClock}

4
web/src/components/overlay/SetPasswordDialog.tsx
View File

@@ -23,12 +23,12 @@ export default function SetPasswordDialog({
return (
<Dialog open={show} onOpenChange={onCancel}>
<DialogContent>
<DialogContent onOpenAutoFocus={(e) => e.preventDefault()}>
<DialogHeader>
<DialogTitle>Set Password</DialogTitle>
</DialogHeader>
<Input
className="w-full border border-input bg-background p-2 hover:bg-accent hover:text-accent-foreground dark:[color-scheme:dark]"
className="text-md w-full border border-input bg-background p-2 hover:bg-accent hover:text-accent-foreground dark:[color-scheme:dark]"
type="password"
value={password}
onChange={(event) => setPassword(event.target.value)}

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

@@ -178,7 +178,7 @@ export function AnnotationSettingsPane({
<div className="flex flex-col">
<FormControl>
<Input
className="w-full border border-input bg-background p-2 hover:bg-accent hover:text-accent-foreground dark:[color-scheme:dark]"
className="text-md w-full border border-input bg-background p-2 hover:bg-accent hover:text-accent-foreground dark:[color-scheme:dark]"
placeholder="0"
{...field}
/>