fix: bugs

src/components/ButtonIcon.vue

@@ -28,7 +28,6 @@ button {
   }
   &:hover {
     background: var(--color-secondary-bg-for-transparent);
-    opacity: 0.88;
   }
   &:active {
     transform: scale(0.92);

src/components/Cover.vue

@@ -105,7 +105,7 @@ img {
 .cover-hover {
   &:hover {
     cursor: pointer;
-    transform: scale(1.02);
+    /* transform: scale(1.02); */
   }
 }
 
@@ -124,8 +124,9 @@ img {
   justify-content: center;
   align-items: center;
   color: white;
-  backdrop-filter: blur(12px) brightness(96%);
-  background: transparent;
+  backdrop-filter: blur(8px);
+  background: rgba(255, 255, 255, 0.14);
+  border: 1px solid rgba(255, 255, 255, 0.08);
   height: 22%;
   width: 22%;
   border-radius: 50%;
@@ -138,7 +139,7 @@ img {
     }
   }
   &:hover {
-    transform: scale(1.06);
+    background: rgba(255, 255, 255, 0.28);
   }
   &:active {
     transform: scale(0.94);

src/components/CoverRow.vue

@@ -6,7 +6,12 @@
       :key="item.id"
       :class="{ artist: type === 'artist' }"
     >
-      <Cover :imageUrl="getImageUrl(item)" :type="type" :id="item.id" />
+      <Cover
+        :imageUrl="getImageUrl(item)"
+        :type="type"
+        :id="item.id"
+        :playButtonSize="type === 'artist' ? 26 : 22"
+      />
       <div class="text">
         <div class="info" v-if="showPlayCount">
           <span class="play-count"

src/components/DailyTracksCard.vue

@@ -132,6 +132,9 @@ export default {
   &:hover {
     background: rgba(255, 255, 255, 0.44);
   }
+  &:active {
+    transform: scale(0.94);
+  }
 }
 
 @keyframes move {

src/components/Navbar.vue

@@ -313,6 +313,7 @@ nav {
     padding: 6px 10px;
     color: var(--color-text);
     transition: 0.2s;
+    -webkit-user-drag: none;
     margin: {
       right: 12px;
       left: 12px;
@@ -404,6 +405,8 @@ nav {
     vertical-align: -7px;
     border-radius: 50%;
     cursor: pointer;
+    -webkit-app-region: no-drag;
+    -webkit-user-drag: none;
     &:hover {
       filter: brightness(80%);
     }