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

Fix dialog autofocus problems on mobile

Browse Source
This commit is contained in:
Josh Hawkins 2024-09-12 16:41:05 -05:00
parent 1f9ba1d625
commit 1f58d25649
2 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
web/src/components/card/ExportCard.tsx
View File

@ -2,7 +2,7 @@ import ActivityIndicator from "../indicators/activity-indicator";
import { LuTrash } from "react-icons/lu";
import { Button } from "../ui/button";
import { useCallback, useState } from "react";
import { isDesktop } from "react-device-detect";
import { isDesktop, isMobile } from "react-device-detect";
import { FaDownload, FaPlay, FaShareAlt } from "react-icons/fa";
import Chip from "../indicators/Chip";
import { Skeleton } from "../ui/skeleton";
@ -82,7 +82,13 @@ export default function ExportCard({
}
}}
>
<DialogContent>
<DialogContent
onOpenAutoFocus={(e) => {
if (isMobile) {
e.preventDefault();
}
}}
>
<DialogTitle>Rename Export</DialogTitle>
<DialogDescription>
Enter a new name for this export.
@ -90,7 +96,7 @@ export default function ExportCard({
{editName && (
<>
<Input
className="mt-3"
className="text-md mt-3"
type="search"
placeholder={editName?.original}
value={

2
web/src/components/filter/CameraGroupSelector.tsx
View File

@ -710,7 +710,7 @@ export function CameraGroupEdit({
<FormLabel>Name</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]"
placeholder="Enter a name..."
disabled={editingGroup !== undefined}
{...field}