fix(web): fix checkbox unselectable bug & optimize document-list/app-annotation styles (#28244)

This commit is contained in:
yangzheli
2025-11-20 11:28:20 +08:00
committed by GitHub
parent 1d2cdf3489
commit 879869d3e3
6 changed files with 90 additions and 88 deletions

View File

@@ -44,8 +44,8 @@ const BatchAction: FC<IBatchActionProps> = ({
hideDeleteConfirm()
}
return (
<div className={cn('flex w-full justify-center gap-x-2', className)}>
<div className='flex items-center gap-x-1 rounded-[10px] border border-components-actionbar-border-accent bg-components-actionbar-bg-accent p-1 shadow-xl shadow-shadow-shadow-5'>
<div className={cn('pointer-events-none flex w-full justify-center gap-x-2', className)}>
<div className='pointer-events-auto flex items-center gap-x-1 rounded-[10px] border border-components-actionbar-border-accent bg-components-actionbar-bg-accent p-1 shadow-xl shadow-shadow-shadow-5'>
<div className='inline-flex items-center gap-x-2 py-1 pl-2 pr-3'>
<span className='system-xs-medium flex h-5 w-5 items-center justify-center rounded-md bg-text-accent text-text-primary-on-surface'>
{selectedIds.length}

View File

@@ -283,7 +283,7 @@ const Documents: FC<IDocumentsProps> = ({ datasetId }) => {
})
return (
<div className='flex h-full flex-col overflow-y-auto'>
<div className='flex h-full flex-col'>
<div className='flex flex-col justify-center gap-1 px-6 pt-4'>
<h1 className='text-base font-semibold text-text-primary'>{t('datasetDocuments.list.title')}</h1>
<div className='flex items-center space-x-0.5 text-sm font-normal text-text-tertiary'>
@@ -298,7 +298,7 @@ const Documents: FC<IDocumentsProps> = ({ datasetId }) => {
</a>
</div>
</div>
<div className='flex flex-1 flex-col px-6 py-4'>
<div className='flex h-0 grow flex-col px-6 pt-4'>
<div className='flex flex-wrap items-center justify-between'>
<div className='flex items-center gap-2'>
<Chip

View File

@@ -285,9 +285,9 @@ const DocumentList: FC<IDocumentListProps> = ({
}, [])
return (
<div className='relative flex h-full w-full flex-col'>
<div className='relative grow overflow-x-auto'>
<table className={`mt-3 w-full min-w-[700px] max-w-full border-collapse border-0 text-sm ${s.documentTable}`}>
<div className='relative mt-3 flex h-full w-full flex-col'>
<div className='relative h-0 grow overflow-x-auto'>
<table className={`w-full min-w-[700px] max-w-full border-collapse border-0 text-sm ${s.documentTable}`}>
<thead className="h-8 border-b border-divider-subtle text-xs font-medium uppercase leading-8 text-text-tertiary">
<tr>
<td className='w-12'>
@@ -455,7 +455,7 @@ const DocumentList: FC<IDocumentListProps> = ({
{pagination.total && (
<Pagination
{...pagination}
className='w-full shrink-0 px-0 pb-0'
className='w-full shrink-0'
/>
)}