fix(ui): table actions column layout and resolved label

Move flex off td.actions to inner wrapper; show Закрыта for resolved problems. SAC 0.8.2.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
2026-06-05 14:10:56 +10:00
parent 02200f1a80
commit 95c5b9f25a
6 changed files with 53 additions and 28 deletions
+11 -9
View File
@@ -61,15 +61,17 @@
<td>{{ formatDt(h.last_seen_at) }}</td>
<td>{{ h.event_count ?? 0 }}</td>
<td class="actions" @click.stop>
<button
type="button"
class="danger"
:disabled="deletingId === h.id"
title="Удалить хост и все его события"
@click="confirmDelete(h)"
>
Удалить
</button>
<div class="actions-inner">
<button
type="button"
class="danger"
:disabled="deletingId === h.id"
title="Удалить хост и все его события"
@click="confirmDelete(h)"
>
Удалить
</button>
</div>
</td>
</tr>
</tbody>
+1
View File
@@ -45,6 +45,7 @@
<button v-if="problem.status !== 'resolved'" type="button" :disabled="acting" @click="doResolve">
Resolve
</button>
<span v-else class="actions-muted">Закрыта</span>
</p>
</div>
+20 -17
View File
@@ -50,23 +50,26 @@
<RouterLink :to="`/problems/${p.id}`">{{ p.title }}</RouterLink>
</td>
<td class="actions">
<button
v-if="p.status === 'open'"
type="button"
class="secondary"
:disabled="actingId === p.id"
@click="doAck(p.id)"
>
Ack
</button>
<button
v-if="p.status !== 'resolved'"
type="button"
:disabled="actingId === p.id"
@click="doResolve(p.id)"
>
Resolve
</button>
<div class="actions-inner">
<button
v-if="p.status === 'open'"
type="button"
class="secondary"
:disabled="actingId === p.id"
@click="doAck(p.id)"
>
Ack
</button>
<button
v-if="p.status !== 'resolved'"
type="button"
:disabled="actingId === p.id"
@click="doResolve(p.id)"
>
Resolve
</button>
<span v-if="p.status === 'resolved'" class="actions-muted">Закрыта</span>
</div>
</td>
</tr>
</tbody>