move links back to localhost

src/components/LeftSidebar/nowPlaying.vue

@@ -57,6 +57,8 @@ const props = defineProps({
     position: absolute;
     background-size: 1.5rem;
     top: $small;
+    cursor: pointer;
+    transition: all 200ms;
 
     &:hover {
       background-color: $gray2;
@@ -67,6 +69,10 @@ const props = defineProps({
     right: $small;
     background-image: url("../../assets/icons/right-arrow.svg");
     transform: rotate(90deg);
+
+    &:hover {
+      transform: rotate(0deg);
+    }
   }
 
   br {

src/components/contextMenu.vue

@@ -25,11 +25,7 @@
       <div class="label ellip">{{ option.label }}</div>
       <div class="more image" v-if="option.children"></div>
       <div class="children rounded shadow-sm" v-if="option.children">
-        <div
-          class="context-item"
-          v-for="child in option.children"
-          :key="child"
-        >
+        <div class="context-item" v-for="child in option.children" :key="child">
           <div class="label ellip" @click="child.action()">
             {{ child.label }}
           </div>
@@ -46,8 +42,6 @@ const context = useContextStore();
 </script>
 
 <style lang="scss">
-
-
 .context-menu {
   position: fixed;
   top: 0;
@@ -135,6 +129,10 @@ const context = useContextStore();
       background-image: url("../assets/icons/add_to_queue.svg");
     }
 
+    .heart {
+      background-image: url("../assets/icons/heart.svg");
+    }
+
     &:hover {
       background: #234ece;