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
+2 -2
View File
@@ -210,7 +210,7 @@ interface UserProps {
function Users({ users, magic }: UserProps) { function Users({ users, magic }: UserProps) {
return ( 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) => ( {users.map((user, i) => (
<UserCard <UserCard
key={user.id} 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) => ( {users.map((user, i) => (
<UserCard <UserCard
key={user.id} key={user.id}