client/components/player/PlayerTrackBar.vue

@@ -74,9 +74,6 @@ export default {
     currentChapterStart() {
       if (!this.currentChapter) return 0
       return this.currentChapter.start
-    },
-    isMobile() {
-      return this.$store.state.globals.isMobile
     }
   },
   methods: {
@@ -148,9 +145,6 @@ export default {
       })
     },
     mousemoveTrack(e) {
-      if (this.isMobile) {
-        return
-      }
       const offsetX = e.offsetX
 
       const baseTime = this.useChapterTrack ? this.currentChapterStart : 0
@@ -204,7 +198,6 @@ export default {
     setTrackWidth() {
       if (this.$refs.track) {
         this.trackWidth = this.$refs.track.clientWidth
-        this.trackOffsetLeft = this.$refs.track.getBoundingClientRect().left
       } else {
         console.error('Track not loaded', this.$refs)
       }

client/pages/share/_slug.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="w-full max-w-full h-dvh max-h-dvh overflow-hidden" :style="{ backgroundColor: coverRgb }">
+  <div class="w-full h-dvh max-h-dvh overflow-hidden" :style="{ backgroundColor: coverRgb }">
     <div class="w-screen h-screen absolute inset-0 pointer-events-none" style="background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(38, 38, 38, 1) 80%)"></div>
     <div class="absolute inset-0 w-screen h-dvh flex items-center justify-center z-10">
       <div class="w-full p-2 sm:p-4 md:p-8">
@@ -335,11 +335,8 @@ export default {
       }
     },
     resize() {
-      setTimeout(() => {
+      this.windowWidth = window.innerWidth
-        this.windowWidth = window.innerWidth
+      this.windowHeight = window.innerHeight
-        this.windowHeight = window.innerHeight
-        this.$store.commit('globals/updateWindowSize', { width: window.innerWidth, height: window.innerHeight })
-      }, 100)
     },
     playerError(error) {
       console.error('Player error', error)