rgonsal/comunidadhll
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: align recent match cards

Browse Source
This commit is contained in:
devRaGonSa
2026-05-20 18:20:43 +02:00
parent 6a480669dd
commit 28395b14b4
4 changed files with 219 additions and 151 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
frontend/assets/js/historico.js
View File

@@ -805,6 +805,7 @@ function renderRecentMatchCard(item) {
const matchUrl = normalizeExternalMatchUrl(item.match_url);
const detailUrl = buildInternalMatchDetailUrl(item);
const actionLinks = [
`<span class="historical-match-card__result">${escapeHtml(formatMatchResult(item.result))}</span>`,
detailUrl
? `
<a
@@ -818,7 +819,7 @@ function renderRecentMatchCard(item) {
matchUrl
? `
<a
class="historical-match-card__link"
class="historical-match-card__link historical-match-card__link--scoreboard"
href="${escapeHtml(matchUrl)}"
target="_blank"
rel="noopener noreferrer"
@@ -829,18 +830,12 @@ function renderRecentMatchCard(item) {
: "",
].join("");
return `
<article class="historical-match-card">
<div class="historical-match-card__top">
<div>
<p class="historical-match-meta__label">Partida ${escapeHtml(item.match_id || "sin id")}</p>
<h3 class="historical-match-card__title">${escapeHtml(mapName)}</h3>
</div>
<div class="historical-match-card__actions">
<span class="historical-match-card__result">${escapeHtml(formatMatchResult(item.result))}</span>
${actionLinks}
</div>
<article class="historical-match-card historical-match-card--clean">
<div class="historical-match-card__top historical-match-card__top--clean">
<h3 class="historical-match-card__title">${escapeHtml(mapName)}</h3>
</div>
<div class="historical-match-meta">
<div class="historical-match-meta historical-match-meta--clean">
<article>
<p class="historical-match-meta__label">Servidor</p>
<strong>${escapeHtml(item.server?.name || "Servidor no disponible")}</strong>
@@ -857,9 +852,10 @@ function renderRecentMatchCard(item) {
<p class="historical-match-meta__label">Marcador</p>
<strong>${escapeHtml(formatScore(item.result))}</strong>
</article>
<article>
<p class="historical-match-meta__label">Estado</p>
<strong>${escapeHtml(formatRecentMatchStatus(item))}</strong>
<article class="historical-match-card__actions-cell" aria-label="Acciones de la partida">
<div class="historical-match-card__actions">
${actionLinks}
</div>
</article>
</div>
</article>