josh/electric-cherry
1
0
Fork 0
Code Issues 18 Pull Requests Actions Packages Projects Releases Wiki Activity

Add Prettier and ESLint tooling (Refs #77)

Browse Source
This commit is contained in:
josh
2026-10-09 15:56:13 -04:00
parent 8ed059b8d3
commit 16469e2d43
711 changed files with 99737 additions and 28286 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/ui/components/PlayerMatchCards.svelte
+62 -9
View File
@@ -7,22 +7,75 @@
let { matches, returnTo }: { matches: PlayerMatch[]; returnTo?: string } = $props();
const number = new Intl.NumberFormat('en-US');
</script>
<div class="match-cards">
{#each matches as match (match.id)}
<article>
<h3>{#if match.status === 'completed'}<a href={contextHref(`/matches/${match.id}`, returnTo ?? "/leaderboard")}>{match.mapName} · Match #{match.id}</a>{:else}{match.mapName} · Match #{match.id}{/if}</h3>
<h3>
{#if match.status === 'completed'}<a
href={contextHref(`/matches/${match.id}`, returnTo ?? '/leaderboard')}
>{match.mapName} · Match #{match.id}</a
>{:else}{match.mapName} · Match #{match.id}{/if}
</h3>
<p>{serverTitle(match.server)}{match.server_deleted_at ? ' · Removed server' : ''}</p>
<p><RelativeTime value={match.startedAt} /> · {playerCompletionLabel(match)}</p>
<dl><div><dt>Round</dt><dd>{number.format(match.highestRound)}</dd></div><div><dt>Kills</dt><dd>{number.format(match.kills)}</dd></div><div><dt>Revives</dt><dd>{number.format(match.revives)}</dd></div></dl>
<dl>
<div>
<dt>Round</dt>
<dd>{number.format(match.highestRound)}</dd>
</div>
<div>
<dt>Kills</dt>
<dd>{number.format(match.kills)}</dd>
</div>
<div>
<dt>Revives</dt>
<dd>{number.format(match.revives)}</dd>
</div>
</dl>
</article>
{/each}
</div>
<style>
article { min-width: 0; padding: var(--space-4); border-top: 1px solid var(--border-subtle); overflow-wrap: anywhere; }
h3, p, dl, dd { margin: 0; }
h3 { font-size: var(--text-sm); line-height: var(--leading-body); }
h3 a { display: inline-flex; align-items: center; min-height: 44px; color: var(--accent-primary-hover); }
p, dt { color: var(--text-secondary); font-size: var(--text-xs); line-height: var(--leading-body); }
dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-2); margin-top: var(--space-3); }
dd { margin-top: var(--space-1); font-family: var(--font-numeric); font-size: var(--text-lg); font-variant-numeric: tabular-nums; }
article {
min-width: 0;
padding: var(--space-4);
border-top: 1px solid var(--border-subtle);
overflow-wrap: anywhere;
}
h3,
p,
dl,
dd {
margin: 0;
}
h3 {
font-size: var(--text-sm);
line-height: var(--leading-body);
}
h3 a {
display: inline-flex;
align-items: center;
min-height: 44px;
color: var(--accent-primary-hover);
}
p,
dt {
color: var(--text-secondary);
font-size: var(--text-xs);
line-height: var(--leading-body);
}
dl {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--space-2);
margin-top: var(--space-3);
}
dd {
margin-top: var(--space-1);
font-family: var(--font-numeric);
font-size: var(--text-lg);
font-variant-numeric: tabular-nums;
}
</style>