Fix sliders on mobile

src/actions/slidable.js

@@ -11,8 +11,8 @@ export function slidable(node) {
         })
       );
   
-      window.addEventListener('mousemove', handleMousemove);
+      window.addEventListener('pointermove', handleMousemove);
-      window.addEventListener('mouseup', handleMouseup);
+      window.addEventListener('pointerup', handleMouseup);
     }
   
     function handleMousemove(event) {
@@ -36,15 +36,15 @@ export function slidable(node) {
         })
       );
   
-      window.removeEventListener('mousemove', handleMousemove);
+      window.removeEventListener('pointermove', handleMousemove);
-      window.removeEventListener('mouseup', handleMouseup);
+      window.removeEventListener('pointerup', handleMouseup);
     }
   
-    node.addEventListener('mousedown', handleMousedown);
+    node.addEventListener('pointerdown', handleMousedown);
   
     return {
       destroy() {
-        node.removeEventListener('mousedown', handleMousedown);
+        node.removeEventListener('pointerdown', handleMousedown);
       },
     };
   }

src/style.css

@@ -13,4 +13,5 @@
 
 body {
     background-color: var(--bg);
+    touch-action: none;
   }