diff --git a/WebDisplay/src/components/LongPressButton.vue b/WebDisplay/src/components/LongPressButton.vue index 0605c40..ef70f75 100644 --- a/WebDisplay/src/components/LongPressButton.vue +++ b/WebDisplay/src/components/LongPressButton.vue @@ -70,6 +70,7 @@ display: inline-flex; flex-direction: column; align-items: center; + touch-action: none; } diff --git a/WebDisplay/src/pages/kiosk.vue b/WebDisplay/src/pages/kiosk.vue index 6543bda..2cad0f2 100644 --- a/WebDisplay/src/pages/kiosk.vue +++ b/WebDisplay/src/pages/kiosk.vue @@ -37,6 +37,11 @@ } } + function toggleGarage() { + //homeAssistantStore.toggleGarage(); + alert('Garage door toggled'); + } + setInterval(() => (currentTime.value = new Date()), 1000); @@ -111,7 +116,7 @@ :duration="2000" :increment="100" :progress-size="38" - v-on:longPress="homeAssistantStore.toggleGarage()" + v-on:longPress="toggleGarage()" :class="homeAssistantStore.garageState === 'closed' ? 'normal' : 'warning'">