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