fix: bugs

src/components/ContextMenu.vue

@@ -116,6 +116,7 @@ hr {
   cursor: default;
   img {
     height: 38px;
+    width: 38px;
     border-radius: 4px;
   }
   .info {

src/components/Cover.vue

@@ -1,27 +1,25 @@
 <template>
   <div style="position: relative">
-    <transition name="zoom">
+    <div
-      <div
+      class="cover"
-        class="cover"
+      @mouseover="focus = true"
-        @mouseover="focus = true"
+      @mouseleave="focus = false"
-        @mouseleave="focus = false"
+      :style="coverStyle"
-        :style="coverStyle"
+      :class="{
-        :class="{
+        'hover-float': hoverEffect,
-          'hover-float': hoverEffect,
+        'hover-play-button': showPlayButton,
-          'hover-play-button': showPlayButton,
+      }"
-        }"
+      @click="clickToPlay ? play() : goTo()"
-        @click="clickToPlay ? play() : goTo()"
+    >
+      <button
+        class="play-button"
+        v-if="showPlayButton"
+        :style="playButtonStyle"
+        @click.stop="playButtonClicked"
       >
-        <button
+        <svg-icon icon-class="play" />
-          class="play-button"
+      </button>
-          v-if="showPlayButton"
+    </div>
-          :style="playButtonStyle"
-          @click.stop="playButtonClicked"
-        >
-          <svg-icon icon-class="play" />
-        </button>
-      </div>
-    </transition>
 
     <transition name="fade" v-if="hoverEffect">
       <img class="shadow" v-show="focus" :src="url" :style="shadowStyle"

src/components/TrackList.vue

@@ -2,7 +2,7 @@
   <div class="track-list" :style="listStyles">
     <ContextMenu ref="menu">
       <div class="item-info">
-        <img :src="rightClickedTrack.al.picUrl | resizeImage(128)" />
+        <img :src="rightClickedTrack.al.picUrl | resizeImage(224)" />
         <div class="info">
           <div class="title">{{ rightClickedTrack.name }}</div>
           <div class="subtitle">{{ rightClickedTrack.ar[0].name }}</div>