diff --git a/app/components/home/HomeConsole.vue b/app/components/home/HomeConsole.vue index 8004d73..2429c52 100644 --- a/app/components/home/HomeConsole.vue +++ b/app/components/home/HomeConsole.vue @@ -2,10 +2,10 @@
@@ -30,17 +30,17 @@ type="button" role="tab" class="fader" - :class="{ 'fader--active': axis.key === active, 'fader--lifting': axis.key === hot }" + :class="{ 'fader--active': axis.key === active, 'fader--rising': rising.has(axis.key) }" :style="{ '--hue': `var(${axis.hue})`, '--level': levels[axis.key] ?? 0, '--i': i }" :data-axis="axis.key" :aria-selected="axis.key === active" :aria-controls="`panel-${uid}`" :tabindex="axis.key === active ? 0 : -1" - @click="choose(axis.key)" - @pointerenter="hoverKey = axis.key; lift(axis.key)" + @pointerdown="lastPointer = $event.pointerType" + @pointerenter="onEnter($event, axis.key)" @pointerleave="hoverKey = null" - @focus="focusKey = axis.key; lift(axis.key)" - @blur="focusKey = null" + @focus="onFocus($event, axis.key)" + @click="onClick($event, axis.key)" >