Disable copy/reset actions when move queue is empty

This commit is contained in:
2026-02-23 17:28:33 +00:00
parent bc7ae67412
commit ce4a183090

View File

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