two columns on mobile

This commit is contained in:
Josh Hawkins 2024-10-15 19:22:09 -05:00
parent 4fb807afc1
commit 39a5ca5df0

View File

@ -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,