From 39a5ca5df0db0c7b85c6183ca9346824ed7c57fb Mon Sep 17 00:00:00 2001 From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com> Date: Tue, 15 Oct 2024 19:22:09 -0500 Subject: [PATCH] two columns on mobile --- web/src/views/search/SearchView.tsx | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/web/src/views/search/SearchView.tsx b/web/src/views/search/SearchView.tsx index 5d18e53d4..9427cdcff 100644 --- a/web/src/views/search/SearchView.tsx +++ b/web/src/views/search/SearchView.tsx @@ -74,7 +74,8 @@ export default function SearchView({ const effectiveColumnCount = useMemo(() => columnCount ?? 4, [columnCount]); const gridClassName = cn( - "grid w-full gap-2 px-1 gap-2 lg:gap-4 md:mx-2 grid-cols-2", + "grid w-full gap-2 px-1 gap-2 lg:gap-4 md:mx-2", + isMobileOnly && "grid-cols-2", { "sm:grid-cols-2": effectiveColumnCount <= 2, "sm:grid-cols-3": effectiveColumnCount === 3,