fix: [GSW-2033] UI

gnoswap-labs · Jan 4, 2025 · 9f2c80b · 9f2c80b
1 parent 4d4a4dc
commit 9f2c80b
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 6 deletions.
diff --git a/packages/web/src/components/common/token-amount-input/TokenAmountInput.styles.ts b/packages/web/src/components/common/token-amount-input/TokenAmountInput.styles.ts
@@ -47,7 +47,7 @@ export const TokenAmountInputWrapper = styled.div`
         color: #007aff;
         cursor: pointer;
         &:hover {
-          background: rgba(0, 89, 255, 0.1);
+          background: ${({ theme }) => (theme.themeKey === "dark" ? "rgba(0, 89, 255, 0.1)" : "rgba(0, 89, 255, 0.3)")};
         }
       }
     }

diff --git a/...aunchpad/launchpad-detail/components/launchpad-participate/LaunchpadParticipate.styles.ts b/...aunchpad/launchpad-detail/components/launchpad-participate/LaunchpadParticipate.styles.ts
@@ -91,7 +91,7 @@ export const LaunchpadParticipateWrapper = styled.div`
         color: #007aff;
         cursor: pointer;
         &:hover {
-          background: rgba(0, 89, 255, 0.1);
+          background: ${({ theme }) => (theme.themeKey === "dark" ? "rgba(0, 89, 255, 0.1)" : "rgba(0, 89, 255, 0.3)")};
         }
       }
     }

diff --git a/...ges/web/src/layouts/swap/components/swap-card/swap-card-content/SwapCardContent.styles.ts b/...ges/web/src/layouts/swap/components/swap-card/swap-card-content/SwapCardContent.styles.ts
@@ -85,7 +85,7 @@ export const ContentWrapper = styled.div`
         color: #007aff;
         cursor: pointer;
         &:hover {
-          background: rgba(0, 89, 255, 0.1);
+          background: ${({ theme }) => (theme.themeKey === "dark" ? "rgba(0, 89, 255, 0.1)" : "rgba(0, 89, 255, 0.3)")};
         }
       }
     }

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
@@ -67,7 +67,7 @@ const SwapInfoTransactionListTable = ({ breakpoint }: SwapInfoTransactionListTab
 
       <TransactionListTableList>
         {[...Array(5)].map((_, index) => (
-          <TransactionListTableRow key={index} breakpoint={breakpoint} />
+          <TransactionListTableRow key={`transaction-list-table-list-${index}`} breakpoint={breakpoint} />
         ))}
       </TransactionListTableList>
     </>

diff --git a/packages/web/src/layouts/token-detail/components/token-swap/TokenSwap.styles.ts b/packages/web/src/layouts/token-detail/components/token-swap/TokenSwap.styles.ts
@@ -106,7 +106,7 @@ export const wrapper = (theme: Theme) => css`
           color: #007aff;
           cursor: pointer;
           &:hover {
-            background: rgba(0, 89, 255, 0.1);
+            background: ${theme.themeKey === "dark" ? "rgba(0, 89, 255, 0.1)" : "rgba(0, 89, 255, 0.3)"};
           }
         }
       }

diff --git a/packages/web/src/layouts/wallet/components/asset-send-modal/AssetSendModal.styles.ts b/packages/web/src/layouts/wallet/components/asset-send-modal/AssetSendModal.styles.ts
@@ -245,7 +245,7 @@ export const AssetSendContent = styled.div`
         color: #007aff;
         cursor: pointer;
         &:hover {
-          background: rgba(0, 89, 255, 0.1);
+          background: ${({ theme }) => (theme.themeKey === "dark" ? "rgba(0, 89, 255, 0.1)" : "rgba(0, 89, 255, 0.3)")};
         }
       }
     }