fix(ui): table width on mobile size

[#834]
Gozargah · Mar 1, 2024 · ccbe12d · ccbe12d
1 parent 0e27137
commit ccbe12d
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/app/dashboard/src/components/UsersTable.tsx b/app/dashboard/src/components/UsersTable.tsx
@@ -345,10 +345,16 @@ export const UsersTable: FC<UsersTableProps> = (props) => {
                       onClick={toggleAccordion.bind(null, i)}
                       cursor="pointer"
                     >
-                      <Td borderBottom={0} minW="100px" pl={4} pr={4}>
+                      <Td
+                        borderBottom={0}
+                        minW="100px"
+                        pl={4}
+                        pr={4}
+                        maxW="calc(100vw - 50px - 32px - 100px - 48px)"
+                      >
                         <div className="flex-status">
                           <OnlineBadge lastOnline={user.online_at} />
-                          {user.username}
+                          <Text isTruncated>{user.username}</Text>
                         </div>
                       </Td>
                       <Td borderBottom={0} minW="50px" pl={0} pr={0}>