From f17d61c268da5ae3fe322261f85c1199408dc851 Mon Sep 17 00:00:00 2001
From: qier222 <qier222@outlook.com>
Date: Sun, 1 Nov 2020 21:46:05 +0800
Subject: [PATCH] fix: bugs

---
 src/components/ContextMenu.vue |  1 +
 src/components/Cover.vue       | 40 ++++++++++++++++------------------
 src/components/TrackList.vue   |  2 +-
 3 files changed, 21 insertions(+), 22 deletions(-)

diff --git a/src/components/ContextMenu.vue b/src/components/ContextMenu.vue
index 838b4e2..f39c087 100644
--- a/src/components/ContextMenu.vue
+++ b/src/components/ContextMenu.vue
@@ -116,6 +116,7 @@ hr {
   cursor: default;
   img {
     height: 38px;
+    width: 38px;
     border-radius: 4px;
   }
   .info {
diff --git a/src/components/Cover.vue b/src/components/Cover.vue
index e7ff88d..0bd18fc 100644
--- a/src/components/Cover.vue
+++ b/src/components/Cover.vue
@@ -1,27 +1,25 @@
 <template>
   <div style="position: relative">
-    <transition name="zoom">
-      <div
-        class="cover"
-        @mouseover="focus = true"
-        @mouseleave="focus = false"
-        :style="coverStyle"
-        :class="{
-          'hover-float': hoverEffect,
-          'hover-play-button': showPlayButton,
-        }"
-        @click="clickToPlay ? play() : goTo()"
+    <div
+      class="cover"
+      @mouseover="focus = true"
+      @mouseleave="focus = false"
+      :style="coverStyle"
+      :class="{
+        'hover-float': hoverEffect,
+        'hover-play-button': showPlayButton,
+      }"
+      @click="clickToPlay ? play() : goTo()"
+    >
+      <button
+        class="play-button"
+        v-if="showPlayButton"
+        :style="playButtonStyle"
+        @click.stop="playButtonClicked"
       >
-        <button
-          class="play-button"
-          v-if="showPlayButton"
-          :style="playButtonStyle"
-          @click.stop="playButtonClicked"
-        >
-          <svg-icon icon-class="play" />
-        </button>
-      </div>
-    </transition>
+        <svg-icon icon-class="play" />
+      </button>
+    </div>
 
     <transition name="fade" v-if="hoverEffect">
       <img class="shadow" v-show="focus" :src="url" :style="shadowStyle"
diff --git a/src/components/TrackList.vue b/src/components/TrackList.vue
index cfa56ae..1da3a8d 100644
--- a/src/components/TrackList.vue
+++ b/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>