Merge pull request #43 from UXCorpRangel/fix/oneko-mobile

fix: remove oneko in mobile devices
UXCorpRangel · Nov 8, 2024 · 59c64df · 59c64df
2 parents 85b26c1 + 8dd7f2b
commit 59c64df
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -59,7 +59,11 @@ import Team from '@sections/Team.astro';
 </style>
 
 <script>
-  import HarleyOneko from '@scripts/harley-oneko';
+  const isHoverDevice = window.matchMedia('(any-hover: hover)').matches;
 
-  new HarleyOneko('/assets/images/harley-oneko.png');
+  if (isHoverDevice) {
+    import('@scripts/harley-oneko').then(HarleyOneko => {
+      new HarleyOneko.default('/assets/images/harley-oneko.png');
+    });
+  }
 </script>
diff --git a/src/scripts/harley-oneko.ts b/src/scripts/harley-oneko.ts
@@ -116,7 +116,7 @@ export default class HarleyOneko {
 
     document.body.appendChild(this.onekoEl);
 
-    document.addEventListener('mousemove', event => {
+    document.addEventListener('pointermove', (event: MouseEvent) => {
       this.mousePosX = event.clientX;
       this.mousePosY = event.clientY;
       this.onekoEl.style.zIndex = '2147483647';