Use grid for searches (#12386)

blakeblackshear · Jul 11, 2024 · 5a0c83b · 5a0c83b
1 parent f114ce9
commit 5a0c83b
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/web/src/views/search/SearchView.tsx b/web/src/views/search/SearchView.tsx
@@ -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" />
  )}
 
- <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.map((value) => {
  const selected = false;
@@ -108,7 +108,7 @@ export default function SearchView({
  >
  <div
  className={cn(
- "aspect-square h-80 overflow-hidden rounded-lg",
+ "aspect-square size-full overflow-hidden rounded-lg",
  )}
  >
  <SearchThumbnailPlayer