perf: long org name ui (#4347)

* sync collection

* remove lock

* perf: long org name ui

projects/app/src/components/common/folder/Path.tsx

@@ -44,6 +44,8 @@ const FolderPath = (props: {
             py={0.5}
             px={1.5}
             borderRadius={'md'}
+            maxW={'45vw'}
+            className={'textEllipsis'}
             {...(i === concatPaths.length - 1
               ? {
                   cursor: 'default',

projects/app/src/components/support/user/team/Info/MemberTag.tsx

@@ -11,7 +11,7 @@ function MemberTag({ name, avatar }: Props) {
   return (
     <HStack>
       {avatar && <Avatar src={avatar} w={['18px', '22px']} rounded="50%" />}
-      <Box maxW={'150px'} className={'textEllipsis'}>
+      <Box maxW={'45vw'} className={'textEllipsis'} fontSize={'sm'}>
         {name || '-'}
       </Box>
     </HStack>

projects/app/src/pageComponents/account/team/OrgManage/index.tsx

@@ -289,7 +289,12 @@ function OrgTable({ Tabs }: { Tabs: React.ReactNode }) {
             <VStack w={'180px'} alignItems={'start'}>
               <HStack gap={'6px'}>
                 <Avatar src={currentOrg.avatar} w={'1rem'} h={'1rem'} rounded={'xs'} />
-                <Box fontWeight={500} color={'myGray.900'}>
+                <Box
+                  title={currentOrg.name}
+                  fontWeight={500}
+                  color={'myGray.900'}
+                  className="textEllipsis3"
+                >
                   {currentOrg.name}
                 </Box>
                 {currentOrg?.path !== '' && (