From 1a036018c8354e736a60b850ba1bb873383aaf3c Mon Sep 17 00:00:00 2001
From: GZTime <Time.GZ@outlook.com>
Date: Sat, 10 Sep 2022 16:31:33 +0800
Subject: [PATCH] fix: user list overflow

---
 GZCTF/ClientApp/src/pages/admin/Users.tsx | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/GZCTF/ClientApp/src/pages/admin/Users.tsx b/GZCTF/ClientApp/src/pages/admin/Users.tsx
index 09c6e2e2e..58c7058e4 100644
--- a/GZCTF/ClientApp/src/pages/admin/Users.tsx
+++ b/GZCTF/ClientApp/src/pages/admin/Users.tsx
@@ -240,10 +240,12 @@ const Users: FC = () => {
                       />
                     </td>
                     <td>
-                      <Group position="apart">
-                        <Group position="left">
+                      <Group noWrap position="apart" spacing="xs">
+                        <Group noWrap position="left">
                           <Avatar src={user.avatar} radius="xl" />
-                          <Text weight={500}>{user.userName}</Text>
+                          <Text weight={500} lineClamp={1}>
+                            {user.userName}
+                          </Text>
                         </Group>
                         <Badge size="sm" color={RoleColorMap.get(user.role ?? Role.User)}>
                           {user.role}
@@ -251,7 +253,11 @@ const Users: FC = () => {
                       </Group>
                     </td>
                     <td>
-                      <Text size="sm" style={{ fontFamily: theme.fontFamilyMonospace }}>
+                      <Text
+                        size="sm"
+                        style={{ fontFamily: theme.fontFamilyMonospace }}
+                        lineClamp={1}
+                      >
                         {user.email}
                       </Text>
                     </td>