update tool tip

FuelLabs · Oct 4, 2024 · 028b1ee · 028b1ee
1 parent 2bf0410
commit 028b1ee
Show file tree

Hide file tree

Showing 2 changed files with 115 additions and 99 deletions.
diff --git a/packages/app-explorer/src/systems/Block/components/BlockTimeItem.tsx b/packages/app-explorer/src/systems/Block/components/BlockTimeItem.tsx
@@ -1,4 +1,4 @@
-import { Text, VStack, useBreakpoints } from '@fuels/ui';
+import { Box, Text, VStack, useBreakpoints } from '@fuels/ui';
 
 type BlockTimeItemProps = {
   timeAgo: string;
@@ -8,16 +8,18 @@ export default function BlockTimeItem({ timeAgo }: BlockTimeItemProps) {
   const { isMobile } = useBreakpoints();
 
   return (
-    <VStack gap="0px">
-      <Text
-        className={
-          isMobile
-            ? 'text-[0.7rem] pr-[0px] text-end whitespace-nowrap'
-            : 'text-[0.7rem]  text-center whitespace-nowrap'
-        }
-      >
-        {timeAgo}
-      </Text>
-    </VStack>
+    <Box className="text-ellipsis">
+      <VStack gap="0px" className={isMobile ? 'w-full' : ''}>
+        <Text
+          className={
+            isMobile
+              ? 'truncate w-100 text-[0.7rem] text-end text-ellipsis overflow-hidden'
+              : 'text-[0.7rem] text-center whitespace-nowrap max-w-full'
+          }
+        >
+          {timeAgo}
+        </Text>
+      </VStack>
+    </Box>
   );
 }