feat(Grid): Check touch device by media query

mini-mirana · Sep 13, 2022 · a770ab9 · a770ab9
1 parent 26dc0cb
commit a770ab9
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/Grid/index.jsx b/src/components/Grid/index.jsx
@@ -74,7 +74,7 @@ export function Grid({ startZ = undefined, distance = 8, reverse = false, startR
                 {springs[i].map(({ scale, opacity }, j) => (
                   <group
                     onPointerOver={() => {
-                      if (!('ontouchstart' in window)) {
+                      if (!window.matchMedia('(pointer: coarse)').matches) {
                         apis[i].start((index) => {
                           if (index === j) {
                             return { scale: [1.1, 1.1, 1], opacity: 0.5 }
@@ -94,7 +94,7 @@ export function Grid({ startZ = undefined, distance = 8, reverse = false, startR
                       })
                     }}
                     onPointerLeave={() => {
-                      if (!('ontouchstart' in window)) {
+                      if (!window.matchMedia('(pointer: coarse)').matches) {
                         apis[i].start(() => ({ scale: [1, 1, 1], opacity: 0.2 }))
                       }
                     }}>