From 1151c06926e6122fa278d90241f841cde67529f2 Mon Sep 17 00:00:00 2001
From: booploops <49113086+booploops@users.noreply.github.com>
Date: Thu, 16 Dec 2021 01:55:30 -0800
Subject: [PATCH] Added clear all to queue

---
 resources/cider-ui/style.less                 | 5 +++++
 resources/cider-ui/views/components/queue.ejs | 3 +++
 2 files changed, 8 insertions(+)

diff --git a/resources/cider-ui/style.less b/resources/cider-ui/style.less
index 62c49d79..3af8ca6f 100644
--- a/resources/cider-ui/style.less
+++ b/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;
diff --git a/resources/cider-ui/views/components/queue.ejs b/resources/cider-ui/views/components/queue.ejs
index b928bd5b..dab27d3f 100644
--- a/resources/cider-ui/views/components/queue.ejs
+++ b/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>