no touch

front/src/assets/main.scss

@@ -9,9 +9,10 @@ body {
     font-family: 'Montserrat';
     user-select: none;
 
-    canvas {
-        cursor: none;
-
+    &:not(.notouch) {
+        canvas {
+            cursor: none;
+        }
     }
 }
 

front/src/main.ts

@@ -29,11 +29,15 @@ const router = createRouter({
 
 router.beforeEach((to, from, next) => {
     document.title = to.meta && to.meta.title ? to.meta.title.toString() : title;
-    
+
     console.log('Navigating from', from.fullPath, 'to', to.fullPath);
     next();
 });
 
+if (navigator.maxTouchPoints == 0) {
+    document.body.classList += 'notouch'
+}
+
 
 const pinia = createPinia()
 const app = createApp(App)