Fix tx list overflow: add min-w-0 to truncatable flex children
Some checks failed
check / check (push) Has been cancelled

This commit is contained in:
2026-02-26 02:32:04 +07:00
parent d0cca13715
commit be08723851

View File

@@ -111,9 +111,9 @@ function renderTransactions(txs) {
if (errorStyle) row.style.cssText = errorStyle;
const line1 = document.createElement("div");
line1.className = "flex justify-between";
line1.className = "flex justify-between overflow-hidden";
const age = document.createElement("span");
age.className = "text-muted truncate";
age.className = "text-muted min-w-0 truncate";
age.textContent = timeAgo(tx.timestamp);
age.title = isoDate(tx.timestamp);
const dir = document.createElement("span");
@@ -124,9 +124,9 @@ function renderTransactions(txs) {
const amountStr = tx.value + " " + tx.symbol;
const line2 = document.createElement("div");
line2.className = "flex justify-between";
line2.className = "flex justify-between overflow-hidden";
const addr = document.createElement("span");
addr.className = "truncate";
addr.className = "min-w-0 truncate";
const maxAddr = Math.max(10, 38 - Math.max(0, amountStr.length - 10));
addr.textContent = truncateMiddle(counterparty, maxAddr);
addr.title = counterparty;