Переглянути джерело

@꧁CzRgerꦿ໊ོ°꧂ ༽ 这块的列表有点问题,列之间的数据会互相顶,太长的话就歪了,操作也会被顶没

taiji_caozhaorui 1 місяць тому
батько
коміт
b418af1c51

+ 4 - 4
web/app/components/header/account-setting/knowledges-page/index.tsx

@@ -113,8 +113,8 @@ const KnowledgesPage = () => {
         <div className='overflow-visible lg:overflow-visible'>
           <div className='flex min-w-[480px] items-center border-b border-divider-regular py-[7px]'>
             <div className='system-xs-medium-uppercase w-[100px] shrink-0 text-center text-text-tertiary'>服务类型</div>
-            <div className='system-xs-medium-uppercase shrink-0 grow text-center text-text-tertiary'>系统名称</div>
-            <div className='system-xs-medium-uppercase shrink-0 grow text-center text-text-tertiary'>URL</div>
+            <div className='system-xs-medium-uppercase flex-1 shrink-0 text-center text-text-tertiary'>系统名称</div>
+            <div className='system-xs-medium-uppercase flex-1 shrink-0 text-center text-text-tertiary'>URL</div>
             <div className='system-xs-medium-uppercase w-[80px] shrink-0 text-center text-text-tertiary'>连接应用状态</div>
             <div className='system-xs-medium-uppercase w-[160px] shrink-0 text-center text-text-tertiary'>更新时间</div>
             <div className='system-xs-medium-uppercase w-[120px] shrink-0 px-3 text-center text-text-tertiary'>操作</div>
@@ -124,8 +124,8 @@ const KnowledgesPage = () => {
               knowledgeList.map((know: any) => (
                 <div key={know.id} className='flex justify-between border-b border-divider-subtle'>
                   <div className='system-sm-regular w-[100px] shrink-0 py-2 text-center text-text-secondary'>{ServiceTypeMap[know.type]}</div>
-                  <div className='system-sm-regular shrink-0 grow py-2 text-center text-text-secondary'>{know.name}</div>
-                  <div className='system-sm-regular shrink-0 grow py-2 text-center text-text-secondary'>{know.url}</div>
+                  <div className='system-sm-regular flex-1 shrink-0 break-all py-2 text-center text-text-secondary'>{know.name}</div>
+                  <div className='system-sm-regular flex-1 shrink-0 break-all py-2 text-center text-text-secondary'>{know.url}</div>
                   <div className='system-sm-regular w-[80px] shrink-0 py-2 text-center text-text-secondary'>{StatusMap[know.status]}</div>
                   <div className='system-sm-regular w-[160px] shrink-0 py-2 text-center text-text-secondary'>{formatTime(know.updated_at, t('appLog.dateTimeFormat') as string)}</div>
                   <div className='flex w-[120px] shrink-0 items-center justify-center'>