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
+56
View File
@@ -48,3 +48,59 @@ body {
font-weight: 600;
border-bottom: 1px solid #e2e8f0;
}
/* Table action buttons */
.table-actions-row {
display: flex;
align-items: center;
gap: 4px;
}
.action-btn.ant-btn {
color: #64748b;
}
.action-btn.ant-btn:hover:not(:disabled) {
color: #334155;
background: #f1f5f9;
}
.action-edit.ant-btn:hover:not(:disabled) {
color: #1677ff;
background: #e6f4ff;
}
.action-delete.ant-btn:hover:not(:disabled) {
color: #ff4d4f;
background: #fff2f0;
}
.action-approve.ant-btn:hover:not(:disabled) {
color: #52c41a;
background: #f6ffed;
}
.action-revoke.ant-btn:hover:not(:disabled) {
color: #faad14;
background: #fffbe6;
}
.action-key.ant-btn:hover:not(:disabled) {
color: #722ed1;
background: #f9f0ff;
}
.action-kol.ant-btn:hover:not(:disabled) {
color: #fa8c16;
background: #fff2e8;
}
.action-reset.ant-btn:hover:not(:disabled) {
color: #13c2c2;
background: #e6fffb;
}
.action-play.ant-btn:hover:not(:disabled) {
color: #52c41a;
background: #f6ffed;
}