AI/dify
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/langgenius/dify.git synced 2025-08-19 16:39:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: improve layout in dataset selection component (#14756)

Browse Source
This commit is contained in:
Wu Tianwei 2025-03-03 16:06:41 +08:00 committed by GitHub
parent 931d704612
commit 98ada40532
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
web/app/components/app/configuration/dataset-config/select-dataset/index.tsx
View File

@ -132,11 +132,11 @@ const SelectDataSet: FC<ISelectDataSetProps> = ({
toggleSelect(item) toggleSelect(item)
}} }}
> >
<div className='mr-1 flex items-center'> <div className='mr-1 flex items-center overflow-hidden'>
<div className={cn('mr-2', !item.embedding_available && 'opacity-30')}> <div className={cn('mr-2', !item.embedding_available && 'opacity-30')}>
<TypeIcon type="upload_file" size='md' /> <TypeIcon type="upload_file" size='md' />
</div> </div>
<div className={cn('max-w-[200px] text-[13px] font-medium text-text-secondary overflow-hidden text-ellipsis whitespace-nowrap', !item.embedding_available && 'opacity-30 !max-w-[120px]')}>{item.name}</div> <div className={cn('max-w-[200px] text-[13px] font-medium text-text-secondary truncate', !item.embedding_available && 'opacity-30 !max-w-[120px]')}>{item.name}</div>
{!item.embedding_available && ( {!item.embedding_available && (
<span className='ml-1 shrink-0 px-1 border border-divider-deep rounded-md text-text-tertiary text-xs font-normal leading-[18px]'>{t('dataset.unavailable')}</span> <span className='ml-1 shrink-0 px-1 border border-divider-deep rounded-md text-text-tertiary text-xs font-normal leading-[18px]'>{t('dataset.unavailable')}</span>
)} )}
@ -144,13 +144,14 @@ const SelectDataSet: FC<ISelectDataSetProps> = ({
{ {
item.indexing_technique && ( item.indexing_technique && (
<Badge <Badge
className='shrink-0'
text={formatIndexingTechniqueAndMethod(item.indexing_technique, item.retrieval_model_dict?.search_method)} text={formatIndexingTechniqueAndMethod(item.indexing_technique, item.retrieval_model_dict?.search_method)}
/> />
) )
} }
{ {
item.provider === 'external' && ( item.provider === 'external' && (
<Badge text={t('dataset.externalTag')} /> <Badge className='shrink-0' text={t('dataset.externalTag')} />
) )
} }
</div> </div>