Disable copy/reset actions when move queue is empty

src/components/renderers/MoveHistoryPanel.vue

@@ -119,15 +119,17 @@ onUnmounted(() => {
     <div class="moves-actions">
       <button class="queue-action" @click="openAddModal">add</button>
       <button
-        v-if="hasMoves"
         class="queue-action"
+        :class="{ 'queue-action-disabled': !hasMoves }"
+        :disabled="!hasMoves"
         @click="copyQueueToClipboard"
       >
         copy
       </button>
       <button
-        v-if="hasMoves"
         class="queue-action"
+        :class="{ 'queue-action-disabled': !hasMoves }"
+        :disabled="!hasMoves"
         @click="resetQueue"
       >
         reset
@@ -202,6 +204,12 @@ onUnmounted(() => {
   cursor: pointer;
 }
 
+.queue-action-disabled {
+  opacity: 0.35;
+  cursor: default;
+  pointer-events: none;
+}
+
 .moves-history::after {
   content: none;
 }