blob: 2f3e4115b4f8f8fcba92dfab62755fcad47d404a (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
<script lang="ts">
import LeaderBoardCard from "./LeaderBoardCard.svelte";
const MAX_ENTRIES = 8;
export let entries: { name: string; score: number }[] = [];
</script>
<div class="leaderboard">
{#each entries
.sort((a, b) => b.score - a.score)
.slice(0, MAX_ENTRIES) as entry}
<LeaderBoardCard {entry} />
{/each}
</div>
<style>
.leaderboard {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, 1fr);
gap: 10px;
}
</style>
|
