Two teams try and fill in any horizontal, vertical, or diagonal line on a bingo board by playing maps on osu!
osu.bingo
osu
make endless show up on progress bar
+14
-1
+14
-1
src/lib/components/GameProgressBar.svelte
+14
-1
src/lib/components/GameProgressBar.svelte
···
1
1
<script lang="ts">
2
2
import { browser } from '$app/environment';
3
3
import { game } from '$lib/stores';
4
-
import { BookCheck, BookText, Flag, Timer } from 'lucide-svelte';
4
+
import { BookCheck, BookText, Flag, Infinity, Timer } from 'lucide-svelte';
5
5
6
6
let gametime: number;
7
7
let progress: number;
···
120
120
{/each}
121
121
</div>
122
122
</div>
123
+
{#if endless}
124
+
<div class="relative flex items-center pl-2">
125
+
<div class="peer">
126
+
<Infinity />
127
+
</div>
128
+
129
+
<div
130
+
class="invisible absolute -bottom-12 left-[-110px] z-20 w-[220px] rounded bg-zinc-900/80 p-2 text-sm opacity-0 backdrop-blur-sm transition peer-hover:visible peer-hover:opacity-100"
131
+
>
132
+
This game does not have a end condition
133
+
</div>
134
+
</div>
135
+
{/if}
123
136
</div>
124
137
<div class="ml-2 flex h-full items-center rounded bg-base-800 p-2 font-mono font-bold">
125
138
{minutes < 10 ? '0' + minutes : minutes}:{seconds < 10 ? '0' + seconds : seconds}