on change audio current time when click progress bar issue fixed

relumeza · Aug 25, 2019 · bb8827f · bb8827f
1 parent f213709
commit bb8827f
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 25 deletions.
diff --git a/css/main.css b/css/main.css
diff --git a/css/main.css.map b/css/main.css.map
diff --git a/css/main.scss b/css/main.scss
@@ -36,7 +36,6 @@ body {
   box-shadow: 0px 15px 35px -5px rgba(50, 88, 130, 0.32);
   border-radius: 15px;
   padding: 30px;
-  transform: perspective(512px) translate3d(0, 0, 0);
   transition: all .4s cubic-bezier(.125, .625, .125, .875);
 
   &__top {

diff --git a/index.html b/index.html
@@ -17,9 +17,9 @@
   </head>
   <body>
     <div class="wrapper" id="app">
-      <div class="player" @mousemove="playerMouseMove" @mouseout="playerMouseOut" :style="{ transform: cardStyle }" ref="player">
+      <div class="player" @mousemove="playerMouseMove" @mouseout="playerMouseOut"  ref="player">
         <div class="player__top">
-          <div class="player-cover" ref="cover" :style="{ transform: coverStyle }">
+          <div class="player-cover" ref="cover" :style="{ transform: cardStyle }">
             <transition-group :name="transitionName">
                 <div class="player-cover__item" v-if="$index === currentTrackIndex" :style="{ backgroundImage: `url(${track.cover})` }"  v-for="(track, $index) in tracks" :key="$index"></div>
             </transition-group>

diff --git a/scripts/script.js b/scripts/script.js
@@ -13,73 +13,63 @@ new Vue({
         {
           name: "Mekanın Sahibi",
           artist: "Norm Ender",
-          cover:
-            "https://raw.githubusercontent.com/muhammederdem/mini-player/master/img/1.jpg",
-          source:
-            "https://raw.githubusercontent.com/muhammederdem/mini-player/master/mp3/1.mp3",
+          cover: "https://raw.githubusercontent.com/muhammederdem/mini-player/master/img/1.jpg",
+          source: "https://raw.githubusercontent.com/muhammederdem/mini-player/master/mp3/1.mp3",
           favorited: false
         },
         {
           name: "The Upside 2",
           artist: "Lindsey Stirling",
-          cover:
-            "https://raw.githubusercontent.com/muhammederdem/mini-player/master/img/2.jpg",
+          cover: "https://raw.githubusercontent.com/muhammederdem/mini-player/master/img/2.jpg",
           source: "https://customhtml5video.000webhostapp.com/audio.mp3",
           favorited: true
         },
         {
           name: "The Upside 3",
           artist: "Lindsey Stirling",
-          cover:
-            "https://raw.githubusercontent.com/muhammederdem/mini-player/master/img/3.jpg",
+          cover: "https://raw.githubusercontent.com/muhammederdem/mini-player/master/img/3.jpg",
           source: "https://customhtml5video.000webhostapp.com/audio.mp3",
           favorited: false
         },
         {
           name: "The Upside 4",
           artist: "Lindsey Stirling",
-          cover:
-            "https://raw.githubusercontent.com/muhammederdem/mini-player/master/img/4.jpg",
+          cover: "https://raw.githubusercontent.com/muhammederdem/mini-player/master/img/4.jpg",
           source: "https://customhtml5video.000webhostapp.com/audio.mp3",
           favorited: false
         },
         {
           name: "The Upside 5",
           artist: "Lindsey Stirling",
-          cover:
-            "https://raw.githubusercontent.com/muhammederdem/mini-player/master/img/5.jpg",
+          cover: "https://raw.githubusercontent.com/muhammederdem/mini-player/master/img/5.jpg",
           source: "https://customhtml5video.000webhostapp.com/audio.mp3",
           favorited: true
         },
         {
           name: "The Upside 6",
           artist: "Lindsey Stirling",
-          cover:
-            "https://raw.githubusercontent.com/muhammederdem/mini-player/master/img/6.jpg",
+          cover: "https://raw.githubusercontent.com/muhammederdem/mini-player/master/img/6.jpg",
           source: "https://customhtml5video.000webhostapp.com/audio.mp3",
           favorited: false
         },
         {
           name: "The Upside 7",
           artist: "Lindsey Stirling",
-          cover:
-            "https://raw.githubusercontent.com/muhammederdem/mini-player/master/img/7.jpg",
+          cover: "https://raw.githubusercontent.com/muhammederdem/mini-player/master/img/7.jpg",
           source: "https://customhtml5video.000webhostapp.com/audio.mp3",
           favorited: true
         },
         {
           name: "The Upside 8",
           artist: "Lindsey Stirling",
-          cover:
-            "https://raw.githubusercontent.com/muhammederdem/mini-player/master/img/8.jpg",
+          cover: "https://raw.githubusercontent.com/muhammederdem/mini-player/master/img/8.jpg",
           source: "https://customhtml5video.000webhostapp.com/audio.mp3",
           favorited: false
         },
         {
           name: "The Upside 9",
           artist: "Lindsey Stirling",
-          cover:
-            "https://raw.githubusercontent.com/muhammederdem/mini-player/master/img/9.jpg",
+          cover: "https://raw.githubusercontent.com/muhammederdem/mini-player/master/img/9.jpg",
           source: "https://customhtml5video.000webhostapp.com/audio.mp3",
           favorited: false
         }