add alternating row coloration

This commit is contained in:
Thomas 2026-01-24 23:48:36 -05:00
parent b32b317be2
commit 68232403d3
2 changed files with 6 additions and 3 deletions

1
app.js
View File

@ -544,7 +544,6 @@ function renderMarket(marketData, reputationData) {
const nameDisplay = item.dndbeyondUrl
? `<a class="item-link" href="${item.dndbeyondUrl}" target="_blank" rel="noopener">${item.name}</a>`
: item.name;
html += `
<tr class="market-row">
<td class="item-name-cell">${nameDisplay}</td>

View File

@ -1022,8 +1022,12 @@ button {
transition: background 0.2s ease;
}
.market-table tbody tr:hover {
background: rgba(139, 115, 85, 0.1);
.market-table tbody tr:nth-child(even) {
background-color: rgba(245, 222, 179, 0.3);
}
.market-table tbody tr:hover td {
background-color: rgba(139, 115, 85, 0.3);
}
.market-table td {