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

fix: file name text overflow not work

Browse Source
This commit is contained in:
Joel 2024-12-18 16:49:02 +08:00
parent fa3f8c5bb0
commit d49e9890ba
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
web/app/components/datasets/create/file-uploader/index.tsx
View File

@ -295,8 +295,10 @@ const FileUploader = ({
extension={getFileType(fileItem.file)} extension={getFileType(fileItem.file)}
/> />
</div> </div>
<div className="grow shrink flex flex-col gap-0.5 pr-8"> <div className="grow shrink flex flex-col gap-0.5">
<div className="text-sm leading-4 text-text-secondary w-full whitespace-nowrap text-ellipsis overflow-hidden">{fileItem.file.name}</div> <div className='flex w-full'>
<div className="text-sm leading-4 text-text-secondary w-0 grow truncate">{fileItem.file.name}</div>
</div>
<div className="w-full leading-3 truncate text-text-tertiary"> <div className="w-full leading-3 truncate text-text-tertiary">
<span className='uppercase'>{getFileType(fileItem.file)}</span> <span className='uppercase'>{getFileType(fileItem.file)}</span>
<span className='px-1 text-text-quaternary'>·</span> <span className='px-1 text-text-quaternary'>·</span>