fix: bugs

src/assets/icons/circle.svg

@@ -1 +0,0 @@
-<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="circle" class="svg-inline--fa fa-circle fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg>

src/assets/icons/expand.svg

@@ -1 +0,0 @@
-<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="expand-alt" class="svg-inline--fa fa-expand-alt fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M212.686 315.314L120 408l32.922 31.029c15.12 15.12 4.412 40.971-16.97 40.971h-112C10.697 480 0 469.255 0 456V344c0-21.382 25.803-32.09 40.922-16.971L72 360l92.686-92.686c6.248-6.248 16.379-6.248 22.627 0l25.373 25.373c6.249 6.248 6.249 16.378 0 22.627zm22.628-118.628L328 104l-32.922-31.029C279.958 57.851 290.666 32 312.048 32h112C437.303 32 448 42.745 448 56v112c0 21.382-25.803 32.09-40.922 16.971L376 152l-92.686 92.686c-6.248 6.248-16.379 6.248-22.627 0l-25.373-25.373c-6.249-6.248-6.249-16.378 0-22.627z"></path></svg>

src/assets/icons/lyrics.svg

@@ -1 +0,0 @@
-<svg fill="#000000" xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 30 30" width="30px" height="30px"><path d="M 5 3 C 3.895 3 3 3.895 3 5 L 3 20 C 3 21.105 3.895 22 5 22 L 9 22 L 9 26 C 9 26.552 9.448 27 10 27 C 10.3377 27 10.621648 26.821033 10.802734 26.564453 L 10.818359 26.570312 L 14.25 22 L 25 22 C 26.105 22 27 21.105 27 20 L 27 5 C 27 3.895 26.105 3 25 3 L 5 3 z M 11.5 9 C 12.881 9 14 10.119 14 11.5 L 14 12 C 14 14.214 12.899594 16.269094 11.058594 17.496094 L 10.554688 17.832031 L 9.4453125 16.167969 L 9.9492188 15.832031 C 10.647219 15.367031 11.186063 14.728094 11.539062 13.996094 C 11.525062 13.996094 11.513 14 11.5 14 C 10.119 14 9 12.881 9 11.5 C 9 10.119 10.119 9 11.5 9 z M 18.5 9 C 19.881 9 21 10.119 21 11.5 L 21 12 C 21 14.214 19.899594 16.269094 18.058594 17.496094 L 17.554688 17.832031 L 16.445312 16.167969 L 16.949219 15.832031 C 17.647219 15.367031 18.186063 14.728094 18.539062 13.996094 C 18.525063 13.996094 18.513 14 18.5 14 C 17.119 14 16 12.881 16 11.5 C 16 10.119 17.119 9 18.5 9 z"/></svg>

src/assets/icons/translation.svg

@@ -1,3 +0,0 @@
-<svg fill="currentColor" viewBox="0 0 1024 500">
-  <path d="M152.1 236.2c-3.5-12.1-7.8-33.2-7.8-33.2h-.5s-4.3 21.1-7.8 33.2l-11.1 37.5H163zM616 96H336v320h280c13.3 0 24-10.7 24-24V120c0-13.3-10.7-24-24-24zm-24 120c0 6.6-5.4 12-12 12h-11.4c-6.9 23.6-21.7 47.4-42.7 69.9 8.4 6.4 17.1 12.5 26.1 18 5.5 3.4 7.3 10.5 4.1 16.2l-7.9 13.9c-3.4 5.9-10.9 7.8-16.7 4.3-12.6-7.8-24.5-16.1-35.4-24.9-10.9 8.7-22.7 17.1-35.4 24.9-5.8 3.5-13.3 1.6-16.7-4.3l-7.9-13.9c-3.2-5.6-1.4-12.8 4.2-16.2 9.3-5.7 18-11.7 26.1-18-7.9-8.4-14.9-17-21-25.7-4-5.7-2.2-13.6 3.7-17.1l6.5-3.9 7.3-4.3c5.4-3.2 12.4-1.7 16 3.4 5 7 10.8 14 17.4 20.9 13.5-14.2 23.8-28.9 30-43.2H412c-6.6 0-12-5.4-12-12v-16c0-6.6 5.4-12 12-12h64v-16c0-6.6 5.4-12 12-12h16c6.6 0 12 5.4 12 12v16h64c6.6 0 12 5.4 12 12zM0 120v272c0 13.3 10.7 24 24 24h280V96H24c-13.3 0-24 10.7-24 24zm58.9 216.1L116.4 167c1.7-4.9 6.2-8.1 11.4-8.1h32.5c5.1 0 9.7 3.3 11.4 8.1l57.5 169.1c2.6 7.8-3.1 15.9-11.4 15.9h-22.9a12 12 0 0 1-11.5-8.6l-9.4-31.9h-60.2l-9.1 31.8c-1.5 5.1-6.2 8.7-11.5 8.7H70.3c-8.2 0-14-8.1-11.4-15.9z"></path>
-</svg>

src/components/ContextMenu.vue

@@ -15,6 +15,8 @@
 </template>
 
 <script>
+import { disableScrolling, enableScrolling } from '@/utils/ui';
+
 export default {
   name: 'ContextMenu',
   data() {
@@ -40,6 +42,7 @@ export default {
       if (this.$parent.closeMenu !== undefined) {
         this.$parent.closeMenu();
       }
+      enableScrolling();
     },
 
     openMenu(e) {
@@ -51,6 +54,7 @@ export default {
         }.bind(this)
       );
       e.preventDefault();
+      disableScrolling();
     },
   },
 };
@@ -61,6 +65,7 @@ export default {
   width: 100%;
   height: 100%;
   user-select: none;
+  -webkit-app-region: no-drag;
 }
 
 .menu {

src/components/MvRow.vue

@@ -147,7 +147,6 @@ export default {
   transition: transform 0.3s;
   &:hover {
     cursor: pointer;
-    transform: scale(1.02);
   }
 }
 img {

src/components/TrackList.vue

@@ -43,7 +43,6 @@
 import { mapActions, mapMutations, mapState } from 'vuex';
 import { addOrRemoveTrackFromPlaylist } from '@/api/playlist';
 import { isAccountLoggedIn } from '@/utils/auth';
-import { disableScrolling, enableScrolling } from '@/utils/ui';
 
 import TrackListItem from '@/components/TrackListItem.vue';
 import ContextMenu from '@/components/ContextMenu.vue';
@@ -123,10 +122,8 @@ export default {
     openMenu(e, track) {
       this.rightClickedTrack = track;
       this.$refs.menu.openMenu(e);
-      disableScrolling();
     },
     closeMenu() {
-      enableScrolling();
       this.rightClickedTrack = {
         id: 0,
         name: '',

src/store/actions.js

@@ -55,7 +55,6 @@ export default {
   },
   fetchLikedSongs: ({ state, commit }) => {
     if (!isLooseLoggedIn()) return;
-    console.debug('[debug][actions.js] fetchLikedSongs');
     if (isAccountLoggedIn()) {
       return userLikedSongsIDs({ uid: state.data.user.userId }).then(result => {
         if (result.ids) {
@@ -70,7 +69,6 @@ export default {
     }
   },
   fetchLikedSongsWithDetails: ({ state, commit }) => {
-    console.debug('[debug][actions.js] fetchLikedSongsWithDetails');
     return getPlaylistDetail(state.data.likedSongPlaylistID, true).then(
       result => {
         return getTrackDetail(
@@ -89,7 +87,6 @@ export default {
   },
   fetchLikedPlaylist: ({ state, commit }) => {
     if (!isLooseLoggedIn()) return;
-    console.debug('[debug][actions.js] fetchLikedPlaylist');
     if (isAccountLoggedIn()) {
       return userPlaylist({
         uid: state.data.user.userId,
@@ -109,7 +106,6 @@ export default {
   },
   fetchLikedAlbums: ({ commit }) => {
     if (!isAccountLoggedIn()) return;
-    console.debug('[debug][actions.js] fetchLikedAlbums');
     return likedAlbums({ limit: 2000 }).then(result => {
       if (result.data) {
         commit('updateLikedXXX', {
@@ -121,7 +117,6 @@ export default {
   },
   fetchLikedArtists: ({ commit }) => {
     if (!isAccountLoggedIn()) return;
-    console.debug('[debug][actions.js] fetchLikedArtists');
     return likedArtists().then(result => {
       if (result.data) {
         commit('updateLikedXXX', {
@@ -133,7 +128,6 @@ export default {
   },
   fetchLikedMVs: ({ commit }) => {
     if (!isAccountLoggedIn()) return;
-    console.debug('[debug][actions.js] fetchLikedMVs');
     return likedMVs().then(result => {
       if (result.data) {
         commit('updateLikedXXX', {