style(ops-web): unify table actions as circular icon buttons

Replace the mixed text-link / button action lists in Accounts,
AdminUsers, and SiteDomainMappings with a shared .table-actions-row +
.action-* class set in styles.css. Each row now renders compact icon
buttons (edit/delete/approve/revoke/key/kol/reset/play) tinted by intent,
matching the new KolSubscriptions console look.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-04-29 22:07:55 +08:00
parent 73fd7db21a
commit 0729b76cc7
4 changed files with 150 additions and 40 deletions
@@ -70,20 +70,20 @@
{{ formatDate(record.updated_at) }}
</template>
<template v-else-if="column.key === 'actions'">
<a-space :size="4">
<div class="table-actions-row" style="justify-content: flex-end;">
<a-tooltip title="编辑">
<a-button type="text" size="small" @click="openEdit(record)">
<template #icon><EditOutlined /></template>
<a-button type="text" shape="circle" size="small" class="action-btn action-edit" @click="openEdit(record)">
<EditOutlined />
</a-button>
</a-tooltip>
<a-popconfirm title="确认删除该映射?" @confirm="deleteMapping(record)">
<a-tooltip title="删除">
<a-button type="text" danger size="small">
<template #icon><DeleteOutlined /></template>
<a-tooltip title="删除">
<a-popconfirm title="确认删除该映射?" @confirm="deleteMapping(record)">
<a-button type="text" shape="circle" size="small" class="action-btn action-delete">
<DeleteOutlined />
</a-button>
</a-tooltip>
</a-popconfirm>
</a-space>
</a-popconfirm>
</a-tooltip>
</div>
</template>
</template>
</a-table>