Added clear all to queue

resources/cider-ui/style.less

@@ -1871,6 +1871,11 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
     overflow: overlay;
     height: 100%;
   }
+
+  .queue-footer {
+    width:100%;
+    padding: 12px;
+  }
   .autoplay {
     background: rgb(200 200 200 / 15%);
     appearance: none;

resources/cider-ui/views/components/queue.ejs

@@ -32,6 +32,9 @@
                 </template>
             </draggable>
         </div>
+        <div class="queue-footer">
+            <button class="md-btn" style="width:100%;" v-if="queueItems.length > 1" @click="app.mk.clearQueue();updateQueue()">Clear All</button>
+        </div>
     </div>
 </script>