You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
23 lines
412 B
23 lines
412 B
<script>
|
|
import { completed } from "./store.js"
|
|
|
|
export let i
|
|
export let level
|
|
</script>
|
|
|
|
<style>
|
|
.active {
|
|
@apply font-bold;
|
|
}
|
|
|
|
.completed {
|
|
@apply text-blue-darker;
|
|
}
|
|
</style>
|
|
|
|
<button
|
|
class="rounded border-0 border-b-2 border-gray-darker bg-gray-lighter flex-1 text-center"
|
|
on:click
|
|
value={i}
|
|
class:completed={$completed.includes(i)}
|
|
class:active={level == i}>{i + 1}</button>
|
|
|