add different icon for embeded content

ui/assets/css/style.css

@@ -226,7 +226,8 @@ hr {
   cursor: pointer;
 }
 
-.play-icon {
+.play-icon,
+.embed-icon {
   position: absolute;
   z-index: 2;
 
@@ -245,6 +246,10 @@ hr {
   opacity: 0.4;
 }
 
+.embed-icon {
+  background-image: url(/images/embed-icon.png);
+}
+
 .play-icon:hover,
 .play-icon:focus,
 .play-active {

ui/components/History.vue

@@ -104,7 +104,7 @@
                 <img v-else src="/images/placeholder.png" />
               </span>
               <span v-else-if="isEmbedable(item.url)" @click="embed_url = getEmbedable(item.url)" class="play-overlay">
-                <div class="play-icon"></div>
+                <div class="play-icon embed-icon"></div>
                 <img @load="e => pImg(e)" :src="'/api/thumbnail?url=' + encodePath(item.extras.thumbnail)"
                   v-if="item.extras?.thumbnail" />
                 <img v-else src="/images/placeholder.png" />

ui/components/Queue.vue

@@ -54,7 +54,7 @@
           <div v-if="false === hideThumbnail" class="card-image">
             <figure class="image is-3by1">
               <span v-if="isEmbedable(item.url)" @click="() => embed_url = getEmbedable(item.url)" class="play-overlay">
-                <div class="play-icon"></div>
+                <div class="play-icon embed-icon"></div>
                 <img @load="e => pImg(e)" :src="'/api/thumbnail?url=' + encodePath(item.extras.thumbnail)"
                   v-if="item.extras?.thumbnail" />
                 <img v-else src="/images/placeholder.png" />