clxxiii.dev
Two teams try and fill in any horizontal, vertical, or diagonal line on a bingo board by playing maps on osu!
osu.bingo
osu
1<script lang="ts">
2 import ScoreListItem from './ScoreListItem.svelte';
3
4 export let scores: Bingo.Card.FullScore[];
5 export let tiebreaker: string = 'score';
6</script>
7
8<div class="absolute top-56 w-full p-2 pt-4">
9 <h2 class="font-rounded text-xl font-bold">Scores</h2>
10 <hr class="mb-2 border-zinc-600" />
11 <div class="h-full overflow-y-scroll p-2">
12 {#each scores as score}
13 {#if score.grade != 'F'}
14 <div class="mb-2">
15 <ScoreListItem {score} sort={tiebreaker} />
16 </div>
17 {/if}
18 {/each}
19 </div>
20</div>