fix: [GSW-2033] Improve UI

gnoswap-labs · Jan 3, 2025 · 8743063 · 8743063
1 parent 4b4a2fc
commit 8743063
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/...-transaction-list/swap-info-transaction-list-table/SwapInfoTransactionListTable.styles.ts b/...-transaction-list/swap-info-transaction-list-table/SwapInfoTransactionListTable.styles.ts
@@ -73,6 +73,14 @@ export const TableColumn = styled.div<{ tdWidth: number }>`
     justify-content: flex-start;
   }
 
+  .path-link-icon {
+    &:hover {
+      path {
+        fill: ${({ theme }) => theme.color.text03};
+      }
+    }
+  }
+
   @media screen and (max-width: 768px) {
     &.left {
       width: auto;

diff --git a/...p-info-transaction-list/swap-info-transaction-list-table/SwapInfoTransactionListTable.tsx b/...p-info-transaction-list/swap-info-transaction-list-table/SwapInfoTransactionListTable.tsx
@@ -86,7 +86,7 @@ const TransactionListTableRow = ({ breakpoint }: { breakpoint: DEVICE_TYPE }) =>
           <span>1s ago</span>
         </DateTimeTooltip>
         <button>
-          <IconOpenLink size="10px" />
+          <IconOpenLink size="10px" className="path-link-icon" />
         </button>
       </TableColumn>
       {!isMobile && <TableColumn tdWidth={widths[1]}>$12.05</TableColumn>}