Fix: delete member dropdown not shown (#1794)

langgenius · Dec 19, 2023 · fb55b3a · fb55b3a
1 parent df15099
commit fb55b3a
Show file tree

Hide file tree

Showing 2 changed files with 100 additions and 136 deletions.
diff --git a/web/app/components/header/account-setting/members-page/index.tsx b/web/app/components/header/account-setting/members-page/index.tsx
@@ -44,7 +44,7 @@ const MembersPage = () => {
 
   return (
     <>
-      <div>
+      <div className='flex flex-col'>
         <div className='flex items-center mb-4 p-3 bg-gray-50 rounded-2xl'>
           <LogoEmbededChatHeader className='!w-10 !h-10' />
           <div className='grow mx-2'>
@@ -82,13 +82,13 @@ const MembersPage = () => {
             {t('common.members.invite')}
           </div>
         </div>
-        <div className='overflow-x-auto'>
+        <div className='overflow-visible lg:overflow-visible'>
           <div className='flex items-center py-[7px] border-b border-gray-200 min-w-[480px]'>
             <div className='grow px-3 text-xs font-medium text-gray-500'>{t('common.members.name')}</div>
             <div className='shrink-0 w-[104px] text-xs font-medium text-gray-500'>{t('common.members.lastActive')}</div>
             <div className='shrink-0 w-[96px] px-3 text-xs font-medium text-gray-500'>{t('common.members.role')}</div>
           </div>
-          <div className='min-w-[480px]'>
+          <div className='min-w-[480px] relative'>
             {
               accounts.map(account => (
                 <div key={account.id} className='flex border-b border-gray-100'>
@@ -104,7 +104,7 @@ const MembersPage = () => {
                     </div>
                   </div>
                   <div className='shrink-0 flex items-center w-[104px] py-2 text-[13px] text-gray-700'>{dayjs(Number((account.last_login_at || account.created_at)) * 1000).locale(locale === 'zh-Hans' ? 'zh-cn' : 'en').fromNow()}</div>
-                  <div className='shrink-0 w-[96px] flex items-center'>
+                  <div className='shrink-0 w-[96px] flex items-center relative z-10'>
                     {
                       (owner && account.role !== 'owner')
                         ? <Operation member={account} onOperate={mutate} />