From ccbe12d3a7085cc626834413b32a4748ea831de2 Mon Sep 17 00:00:00 2001
From: Gozarman <120019621+gozarman@users.noreply.github.com>
Date: Fri, 1 Mar 2024 17:14:40 +0000
Subject: [PATCH] fix(ui): table width on mobile size [gozargah/marzban#834]

---
 app/dashboard/src/components/UsersTable.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/app/dashboard/src/components/UsersTable.tsx b/app/dashboard/src/components/UsersTable.tsx
index 774927277..004d9ea59 100644
--- 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}>