diff --git a/src/lib/canvas/Canvas.svelte b/src/lib/canvas/Canvas.svelte index 1390611..f649e08 100644 --- a/src/lib/canvas/Canvas.svelte +++ b/src/lib/canvas/Canvas.svelte @@ -9,7 +9,8 @@ diff --git a/src/lib/device/metronome/MetronomeBeats.svelte b/src/lib/device/metronome/MetronomeBeats.svelte index 89d0a22..97b3a21 100644 --- a/src/lib/device/metronome/MetronomeBeats.svelte +++ b/src/lib/device/metronome/MetronomeBeats.svelte @@ -1,6 +1,6 @@ -
+
{#each new Array(beatPerBar) as _, i} {#if i === 0} {#if i === currentBeat - 1} diff --git a/src/lib/device/metronome/MetronomePlayButton.svelte b/src/lib/device/metronome/MetronomePlayButton.svelte new file mode 100644 index 0000000..dc7af10 --- /dev/null +++ b/src/lib/device/metronome/MetronomePlayButton.svelte @@ -0,0 +1,22 @@ + + + diff --git a/src/lib/guitar/finger-board/FingerBoard.svelte b/src/lib/guitar/finger-board/FingerBoard.svelte index 97ada00..c13a9ad 100644 --- a/src/lib/guitar/finger-board/FingerBoard.svelte +++ b/src/lib/guitar/finger-board/FingerBoard.svelte @@ -83,7 +83,12 @@ export let inlayVisible: boolean = true; - + import MetronomeBeats from '$/lib/device/metronome/MetronomeBeats.svelte'; import MetronomeOptions from '$/lib/device/metronome/MetronomeOptions.svelte'; + import MetronomePlayButton from '$/lib/device/metronome/MetronomePlayButton.svelte'; import { getMetronomeContext } from '$/lib/device/metronome/context'; import type { OnBarCallback, OnOptionChangeCallback } from '$/lib/device/metronome/metronome'; import FingerBoard, { @@ -115,24 +116,11 @@
-
-
{testNum}
- - + + +