Skip to content

Commit 6efc352

Browse files
committed
refactor(userlist index.tsx): responsive edit and delete buttons on userlist page
Per request of @sct, made the buttons responsive based on screen size.
1 parent 4363d66 commit 6efc352

File tree

1 file changed

+5
-2
lines changed

1 file changed

+5
-2
lines changed

src/components/UserList/index.tsx

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -715,11 +715,14 @@ const UserList = () => {
715715
day: 'numeric',
716716
})}
717717
</Table.TD>
718-
<Table.TD alignText="right" className="flex flex-col space-y-1">
718+
<Table.TD
719+
alignText="right"
720+
className="flex flex-col space-y-1 sm:flex-row sm:space-y-0 sm:space-x-1"
721+
>
719722
<Button
720723
buttonType="warning"
721724
disabled={user.id === 1 && currentUser?.id !== 1}
722-
className="w-full"
725+
className="w-full sm:w-auto"
723726
onClick={() =>
724727
router.push(
725728
'/users/[userId]/settings',

0 commit comments

Comments
 (0)