Mirrors/blakeblackshear.frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2025-02-14 00:17:05 +01:00
Code Issues Projects Releases Wiki Activity

Use grid for searches (#12386)

Browse Source
This commit is contained in:
Nicolas Mowen 2024-07-11 07:08:53 -06:00
parent feb2c9fc62
commit e7fabce4e0
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/views/search/SearchView.tsx
View File

@ -95,7 +95,7 @@ export default function SearchView({
<ActivityIndicator className="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2" /> <ActivityIndicator className="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2" />
)} )}
<div className="flex w-full flex-wrap gap-2 px-1 md:mx-2 md:gap-4"> <div className="grid w-full gap-2 px-1 sm:grid-cols-2 md:mx-2 md:grid-cols-4 md:gap-4 3xl:grid-cols-6">
{searchResults && {searchResults &&
searchResults.map((value) => { searchResults.map((value) => {
const selected = false; const selected = false;
@ -108,7 +108,7 @@ export default function SearchView({
> >
<div <div
className={cn( className={cn(
"aspect-square h-80 overflow-hidden rounded-lg", "aspect-square size-full overflow-hidden rounded-lg",
)} )}
> >
<SearchThumbnailPlayer <SearchThumbnailPlayer