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:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user