align sizing and default color for agent queue play button icon

This commit is contained in:
pat-s 2024-12-27 16:14:23 +01:00
parent 403c88d9de
commit c6181b4aa8
No known key found for this signature in database
GPG key ID: 3C6318841EF78925

View file

@ -12,8 +12,8 @@
<Button v-else :text="$t('admin.settings.queue.pause')" start-icon="pause" @click="pauseQueue" />
<Icon
:name="queueInfo.paused ? 'pause' : 'play'"
class="w-10 w-10"
:class="{
'text-wp-state-error-100': queueInfo.paused,
'text-wp-state-ok-100': !queueInfo.paused,
}"
/>
@ -29,7 +29,7 @@
<ListItem
v-for="task in tasks"
:key="task.id"
class="items-center mb-2 !bg-wp-background-200 !dark:bg-wp-background-100"
class="items-center !bg-wp-background-200 !dark:bg-wp-background-100 mb-2"
>
<div
class="flex items-center"
@ -57,7 +57,7 @@
/>
</div>
<span class="ml-2">{{ task.id }}</span>
<span class="flex ml-auto gap-2">
<span class="flex gap-2 ml-auto">
<Badge v-if="task.agent_id !== 0" :label="$t('admin.settings.queue.agent')" :value="task.agent_id" />
<template v-for="(value, label) in task.labels">
<Badge v-if="value" :key="label" :label="label.toString()" :value="value" />