RanchiMall/tonwallet
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add transaction hash links with styling for better user navigation

Browse Source
This commit is contained in:
void-57 2025-10-14 02:23:51 +05:30
parent 3e001a995b
commit b38648b32b
2 changed files with 36 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
index.html
View File

@ -1586,7 +1586,11 @@
</div>
<div class="tx-detail-row">
<span class="tx-label">Tx:</span>
<span class="tx-value full-address tx-hash">${hash}</span>
<span class="tx-value full-address tx-hash">
<a href="https://tonviewer.com/transaction/${hash}" target="_blank" class="tx-hash-link" title="View on TON Viewer">
${hash}
</a>
</span>
</div>
</div>
</div>
@ -1641,7 +1645,11 @@
</div>
<div class="tx-detail-row">
<span class="tx-label">Tx:</span>
<span class="tx-value full-address tx-hash">${hash}</span>
<span class="tx-value full-address tx-hash">
<a href="https://tonviewer.com/transaction/${hash}" target="_blank" class="tx-hash-link" title="View on TON Viewer">
${hash}
</a>
</span>
</div>
</div>
</div>

26
style.css
View File

@ -2379,3 +2379,29 @@ body {
padding: 0.75rem;
}
}
/* Transaction Hash Link Styling */
.tx-hash-link {
color: var(--primary-color);
text-decoration: none;
transition: all 0.2s ease;
display: inline-flex;
align-items: center;
gap: 0.25rem;
font-family: "Courier New", monospace;
word-break: break-all;
}
.tx-hash-link:hover {
color: var(--primary-color-dark);
text-decoration: underline;
transform: translateY(-1px);
}
.tx-hash-link:active {
transform: translateY(0);
}
.tx-hash-link:hover::after {
opacity: 1;
}