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

remove hovering

Browse Source
This commit is contained in:
Josh Hawkins 2024-09-11 06:44:49 -05:00
parent e5e074ab84
commit 4f7a14b917
1 changed files with 3 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
web/src/views/explore/ExploreView.tsx
View File

@ -1,4 +1,4 @@
import { useEffect, useMemo, useState } from "react"; import { useEffect, useMemo } from "react";
import { isIOS, isMobileOnly } from "react-device-detect"; import { isIOS, isMobileOnly } from "react-device-detect";
import useSWR from "swr"; import useSWR from "swr";
import { useApiHost } from "@/api"; import { useApiHost } from "@/api";
@ -77,7 +77,6 @@ function ThumbnailRow({
}: ThumbnailRowType) { }: ThumbnailRowType) {
const apiHost = useApiHost(); const apiHost = useApiHost();
const navigate = useNavigate(); const navigate = useNavigate();
const [hoveredIndex, setHoveredIndex] = useState<number | null>(null);
const handleSearch = (label: string) => { const handleSearch = (label: string) => {
const similaritySearchParams = new URLSearchParams({ const similaritySearchParams = new URLSearchParams({
@ -102,19 +101,14 @@ function ThumbnailRow({
)} )}
</div> </div>
<div className="flex flex-row items-center space-x-2 py-2"> <div className="flex flex-row items-center space-x-2 py-2">
{searchResults?.map((event, index) => ( {searchResults?.map((event) => (
<div <div
key={event.id} key={event.id}
className="relative aspect-square h-auto max-w-[20%] flex-grow md:max-w-[10%]" className="relative aspect-square h-auto max-w-[20%] flex-grow md:max-w-[10%]"
onMouseEnter={() => setHoveredIndex(index)}
onMouseLeave={() => setHoveredIndex(null)}
> >
<img <img
className={cn( className={cn(
"absolute h-full w-full rounded-lg object-cover transition-all duration-300 ease-in-out md:rounded-2xl", "absolute h-full w-full cursor-pointer rounded-lg object-cover transition-all duration-300 ease-in-out md:rounded-2xl",
hoveredIndex === index
? "z-10 scale-110 cursor-pointer"
: "scale-100",
)} )}
style={ style={
isIOS isIOS