administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-07-31 16:12:19 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki 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 21:07:35 -06: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
web/src/views/explore/ExploreView.tsx
+4 -4
View File
@@ -17,7 +17,7 @@ import useImageLoaded from "@/hooks/use-image-loaded";
import ActivityIndicator from "@/components/indicators/activity-indicator";
type ExploreViewProps = {
onSelectSearch: (searchResult: SearchResult) => void;
onSelectSearch: (searchResult: SearchResult, index: number) => void;
};
export default function ExploreView({ onSelectSearch }: ExploreViewProps) {
@@ -76,7 +76,7 @@ export default function ExploreView({ onSelectSearch }: ExploreViewProps) {
type ThumbnailRowType = {
objectType: string;
searchResults?: SearchResult[];
onSelectSearch: (searchResult: SearchResult) => void;
onSelectSearch: (searchResult: SearchResult, index: number) => void;
};
function ThumbnailRow({
@@ -145,7 +145,7 @@ function ThumbnailRow({
type ExploreThumbnailImageProps = {
event: SearchResult;
onSelectSearch: (searchResult: SearchResult) => void;
onSelectSearch: (searchResult: SearchResult, index: number) => void;
};
function ExploreThumbnailImage({
event,
@@ -176,7 +176,7 @@ function ExploreThumbnailImage({
loading={isSafari ? "eager" : "lazy"}
draggable={false}
src={`${apiHost}api/events/${event.id}/thumbnail.jpg`}
onClick={() => onSelectSearch(event)}
onClick={() => onSelectSearch(event, 0)}
onLoad={() => {
onImgLoad();
}}