fix: user grid on mobile should be full width

This commit is contained in:
Aarnav Tale 2024-05-21 17:23:33 -04:00
parent 2ee1adf142
commit 6bea3b2a55
No known key found for this signature in database

View File

@ -210,7 +210,7 @@ interface UserProps {
function Users({ users, magic }: UserProps) {
return (
<div className="grid grid-cols-2 gap-4 auto-rows-min">
<div className="grid grid-cols-1 md:grid-cols-2 gap-4 auto-rows-min">
{users.map((user, i) => (
<UserCard
key={user.id}
@ -266,7 +266,7 @@ function InteractiveUsers({ users, setUsers, magic }: UserProps) {
})
}}
>
<div className="grid grid-cols-2 gap-4 auto-rows-min">
<div className="grid grid-cols-1 md:grid-cols-2 gap-4 auto-rows-min">
{users.map((user, i) => (
<UserCard
key={user.id}