Optimize InputDataModal and useEditTitle in main project (#3086)

projects/app/src/pages/dataset/detail/components/InputDataModal.tsx

@@ -260,9 +260,12 @@ const InputDataModal = ({
             className={'textEllipsis'}
             className={'textEllipsis'}
             wordBreak={'break-all'}
             wordBreak={'break-all'}
             fontSize={'md'}
             fontSize={'md'}
-            maxW={['200px', '80vw']}
+            maxW={['200px', '50vw']}
             fontWeight={'500'}
             fontWeight={'500'}
             color={'myGray.900'}
             color={'myGray.900'}
+            whiteSpace={'nowrap'}
+            overflow={'hidden'}
+            textOverflow={'ellipsis'}
           >
           >
             {collection.sourceName || t('common:common.UnKnow Source')}
             {collection.sourceName || t('common:common.UnKnow Source')}
           </Box>
           </Box>

projects/app/src/web/common/hooks/useEditTitle.tsx

@@ -76,7 +76,7 @@ export const useEditTitle = ({
   // eslint-disable-next-line react/display-name
   // eslint-disable-next-line react/display-name
   const EditModal = useCallback(
   const EditModal = useCallback(
     ({
     ({
-      maxLength = 30,
+      maxLength = 50,
       iconSrc = 'modal/edit',
       iconSrc = 'modal/edit',
       closeBtnText = t('common:common.Close')
       closeBtnText = t('common:common.Close')
     }: {
     }: {