feat: tx link color (#207)

* feat: tx link color * chore: audit fix * refactor: style
FuelLabs · Jan 15, 2024 · 5c3d52d · 5c3d52d
1 parent 6583e38
commit 5c3d52d
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 10 deletions.
diff --git a/package.json b/package.json
@@ -98,7 +98,8 @@
       "undici@>=2.0.0 <5.19.1": ">=5.19.1",
       "@babel/traverse@<7.23.2": ">=7.23.2",
       "undici@<5.26.2": ">=5.26.2",
-      "axios@>=0.8.1 <1.6.0": ">=1.6.0"
+      "axios@>=0.8.1 <1.6.0": ">=1.6.0",
+      "follow-redirects@<1.15.4": ">=1.15.4"
     }
   },
   "dependencies": {

diff --git a/packages/app/src/systems/Bridge/components/BridgeTxOverview/BridgeTxOverview.tsx b/packages/app/src/systems/Bridge/components/BridgeTxOverview/BridgeTxOverview.tsx
@@ -32,7 +32,7 @@ export const BridgeTxOverview = ({
     <Box.Stack css={styles.stack}>
       <Box.Flex css={styles.txItem}>
         <Text css={styles.labelText}>ID</Text>
-        <Link href={explorerLink} isExternal css={styles.infoText}>
+        <Link href={explorerLink} isExternal css={styles.linkText}>
           <Box aria-label="Transaction ID">{transactionId.toString()}</Box>
         </Link>
       </Box.Flex>
@@ -100,6 +100,10 @@ const styles = {
     fontSize: '$sm',
     color: '$intentsBase12',
   }),
+  linkText: cssObj({
+    fontSize: '$sm',
+    color: '$intentsPrimary9',
+  }),
   directionInfo: cssObj({
     gap: '$1',
     alignItems: 'center',

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml