rsp2k/headplane
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: user grid on mobile should be full width

Browse Source
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
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/routes/_data.users._index/route.tsx
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}