fix: use grey well for contract address display in address-token view
All checks were successful
check / check (push) Successful in 22s

- Replace border-b styling with bg-hover + dashed border for visual
  distinction from wallet address
- Rename label from "Token Contract" to "Contract Address"
- Addresses feedback on #9
This commit is contained in:
2026-02-27 12:15:35 -08:00
parent 0ed7b8e61d
commit 91eefa1667
2 changed files with 2 additions and 2 deletions

View File

@@ -361,7 +361,7 @@
<!-- token contract details (ERC-20 only) -->
<div
id="address-token-contract-info"
class="border-b border-border-light pb-2 mb-2 text-xs hidden"
class="bg-hover border border-border border-dashed p-3 mb-3 text-xs hidden"
></div>
<!-- actions -->

View File

@@ -143,7 +143,7 @@ function show() {
const dot = addressDotHtml(tokenId);
const tokenLink = `https://etherscan.io/token/${escapeHtml(tokenId)}`;
let infoHtml =
`<div class="font-bold mb-1">Token Contract</div>` +
`<div class="font-bold mb-1">Contract Address</div>` +
`<div class="flex items-center mb-1">${dot}` +
`<span class="break-all underline decoration-dashed cursor-pointer" id="address-token-contract-copy" data-copy="${escapeHtml(tokenId)}">${escapeHtml(tokenId)}</span>` +
`<a href="${tokenLink}" target="_blank" rel="noopener" class="inline-flex items-center">${EXT_ICON}</a>` +