Select an option to add this to your cart.
0) {
dragging = true;
startY = $event.touches[0].clientY;
}
"
@touchmove.window="
if (dragging) {
let deltaY = $event.touches[0].clientY - startY;
if (deltaY > 0) {
pos_y = deltaY;
if (pos_y > window.innerHeight / 3) {
dragging = false;
pos_y = 1200;
drag_drawer = false;
if (!menu_drawer) {
has_overlay = false;
}
}
} else {
pos_y = 0;
}
}
"
:style="
'transform: translate(0px, ' + pos_y + 'px)'
"
x-trap="drag_drawer"
x-show="drag_drawer"
x-transition:enter="animation-300 opacity-0 !translate-y-full md:!translate-y-0"
x-transition:enter-start="opacity-0 !translate-y-full md:!translate-y-0"
x-transition:enter-end="!translate-y-0 opacity-100"
x-transition:leave="animation-300 !translate-y-0 opacity-100"
x-transition:leave-start="!translate-y-0 opacity-100"
x-transition:leave-end="opacity-0 !translate-y-full md:!translate-y-0"
x-cloak>