admin/dify
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix: optimize styles (#1112)

Browse Source
This commit is contained in:
bowen
2023-09-07 14:24:09 +08:00
committed by GitHub
parent f28cb84977
commit b201eeedbd
3 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
web/app/components/app/configuration/dataset-config/card-item/index.tsx
View File

@@ -29,9 +29,9 @@ const CardItem: FC<ICardItemProps> = ({
<div
className={
cn(className, s.card,
'flex items-center justify-between rounded-xl px-3 py-2.5 bg-white border border-gray-200 cursor-pointer')
'relative flex items-center rounded-xl px-3 py-2.5 bg-white border border-gray-200 cursor-pointer')
}>
<div className='shrink-0 flex items-center space-x-2'>
<div className='flex items-center space-x-2'>
<div className={cn(!config.embedding_available && 'opacity-50')}>
<TypeIcon type="upload_file" />
</div>
@@ -47,13 +47,13 @@ const CardItem: FC<ICardItemProps> = ({
</Tooltip>
)}
</div>
<div className={cn('flex text-xs text-gray-500', !config.embedding_available && 'opacity-50')}>
<div className={cn('max-w-[150px] flex text-xs text-gray-500', !config.embedding_available && 'opacity-50')}>
{formatNumber(config.word_count)} {t('appDebug.feature.dataSet.words')} · {formatNumber(config.document_count)} {t('appDebug.feature.dataSet.textBlocks')}
</div>
</div>
</div>
{!readonly && <RemoveIcon className={`${s.deleteBtn} shrink-0`} onClick={() => onRemove(config.id)} />}
{!readonly && <RemoveIcon className={`${s.deleteBtn} absolute right-1 top-1/2 translate-y-[-50%]`} onClick={() => onRemove(config.id)} />}
</div>
)
}

4
web/app/components/app/configuration/dataset-config/card-item/style.module.css
View File

@@ -8,9 +8,9 @@
}
.deleteBtn {
display: none;
visibility: hidden;
}
.card:hover .deleteBtn {
display: block;
visibility: visible;
}