parent
5e773c1d68
commit
16bed2951f
@ -0,0 +1,23 @@ |
|||||||
|
<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> |
Loading…
Reference in new issue