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