Merge pull request #107 from BuidlerDAO/nig-678

fix: nig-678
BuidlerDAO · Apr 7, 2024 · 7c3a81c · 7c3a81c
2 parents 18427f9 + 12f4bf5
commit 7c3a81c
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/src/welcome/Profile/Community.tsx b/src/welcome/Profile/Community.tsx
@@ -100,7 +100,7 @@ const Community = () => {
                         : ''}
                     </span>
                   </div>
-                  <p className="h-[16px] truncate text-xs text-[#5B7083]">
+                  <p className="h-[16px] max-w-[300px] truncate text-xs text-[#5B7083]">
                     {(item.unreadCount ?? 0) > 0 ? `[${item.unreadCount}]` : ''}
                     {item.lastMsg?.message ?? ''}
                   </p>

diff --git a/src/welcome/Profile/community/ChatRoomDrawer.tsx b/src/welcome/Profile/community/ChatRoomDrawer.tsx
@@ -148,11 +148,16 @@ export default function ChatRoomDrawer({ open = false, community, onClose }: Pro
   return (
     <Drawer
       sx={{
-        width: '433px',
+        width: 'auto',
+        // 和 XFANS_CONTENT_WIDTH 不符合，TODO 用常量
+        maxWidth: '427px',
         '& .MuiDrawer-paper': {
-          width: '433px',
+          width: 'auto',
+          maxWidth: '427px',
           overflow: 'hidden',
           border: 'none',
+          // 防止有宽度一瞬间撑开了内容出现了一闪而过的滚动条
+          display: open ? 'block' : 'none',
         },
       }}
       variant="persistent"