Optimize InputDataModal and useEditTitle in main project (#3086)

labring · Nov 7, 2024 · 49bee95 · 49bee95
1 parent 0645b27
commit 49bee95
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/projects/app/src/pages/dataset/detail/components/InputDataModal.tsx b/projects/app/src/pages/dataset/detail/components/InputDataModal.tsx
@@ -260,9 +260,12 @@ const InputDataModal = ({
             className={'textEllipsis'}
             wordBreak={'break-all'}
             fontSize={'md'}
-            maxW={['200px', '80vw']}
+            maxW={['200px', '50vw']}
             fontWeight={'500'}
             color={'myGray.900'}
+            whiteSpace={'nowrap'}
+            overflow={'hidden'}
+            textOverflow={'ellipsis'}
           >
             {collection.sourceName || t('common:common.UnKnow Source')}
           </Box>

diff --git a/projects/app/src/web/common/hooks/useEditTitle.tsx b/projects/app/src/web/common/hooks/useEditTitle.tsx
@@ -76,7 +76,7 @@ export const useEditTitle = ({
   // eslint-disable-next-line react/display-name
   const EditModal = useCallback(
     ({
-      maxLength = 30,
+      maxLength = 50,
       iconSrc = 'modal/edit',
       closeBtnText = t('common:common.Close')
     }: {