From d49e9890bacca05e5f6818886126ab8c9603a69e Mon Sep 17 00:00:00 2001
From: Joel <iamjoel007@gmail.com>
Date: Wed, 18 Dec 2024 16:49:02 +0800
Subject: [PATCH] fix: file name text overflow not work

---
 web/app/components/datasets/create/file-uploader/index.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/web/app/components/datasets/create/file-uploader/index.tsx b/web/app/components/datasets/create/file-uploader/index.tsx
index 8bd54a4a37..fe1bb73ad7 100644
--- a/web/app/components/datasets/create/file-uploader/index.tsx
+++ b/web/app/components/datasets/create/file-uploader/index.tsx
@@ -295,8 +295,10 @@ const FileUploader = ({
                 extension={getFileType(fileItem.file)}
               />
             </div>
-            <div className="grow shrink flex flex-col gap-0.5 pr-8">
-              <div className="text-sm leading-4 text-text-secondary w-full whitespace-nowrap text-ellipsis overflow-hidden">{fileItem.file.name}</div>
+            <div className="grow shrink flex flex-col gap-0.5">
+              <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">
                 <span className='uppercase'>{getFileType(fileItem.file)}</span>
                 <span className='px-1 text-text-quaternary'>·</span>