fix(web): fix checkbox unselectable bug & optimize document-list/app-annotation styles (#28244)
This commit is contained in:
@@ -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}
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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'
|
||||
/>
|
||||
)}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user