fix: visible Save/Cancel buttons on AgentHealth config edit mode
All checks were successful
CI / cleanup-branch (push) Has been skipped
CI / build (push) Successful in 56s
CI / docker (push) Successful in 52s
CI / deploy-feature (push) Has been skipped
CI / deploy (push) Successful in 37s

Replace subtle Unicode checkmark/X with proper labeled buttons styled
as primary (Save) and secondary (Cancel) for better visibility.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
hsiegeln
2026-03-26 13:20:11 +01:00
parent 4b66d78cf4
commit 74fa08f41f
2 changed files with 43 additions and 4 deletions

View File

@@ -114,11 +114,48 @@
opacity: 1;
}
.configEditBtn:disabled {
opacity: 0.3;
.configActions {
display: flex;
gap: 8px;
align-self: flex-end;
margin-left: auto;
}
.configSaveBtn {
padding: 4px 12px;
border: none;
border-radius: var(--radius-sm);
background: var(--amber);
color: #fff;
font-size: 11px;
font-weight: 600;
cursor: pointer;
}
.configSaveBtn:hover {
background: var(--amber-deep);
}
.configSaveBtn:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.configCancelBtn {
padding: 4px 12px;
border: 1px solid var(--border-subtle);
border-radius: var(--radius-sm);
background: transparent;
color: var(--text-muted);
font-size: 11px;
cursor: pointer;
}
.configCancelBtn:hover {
color: var(--text-primary);
border-color: var(--text-faint);
}
/* Section header */
.sectionTitle {
font-size: 13px;

View File

@@ -565,8 +565,10 @@ export default function AgentHealth() {
<span>{configDraft.metricsEnabled ? 'On' : 'Off'}</span>
</label>
</div>
<button className={styles.configEditBtn} title="Save" onClick={saveConfigEdit} disabled={updateConfig.isPending}>&#x2713;</button>
<button className={styles.configEditBtn} title="Cancel" onClick={() => { setConfigEditing(false); setConfigDraft({}); }}>&#x2715;</button>
<div className={styles.configActions}>
<button className={styles.configSaveBtn} onClick={saveConfigEdit} disabled={updateConfig.isPending}>Save</button>
<button className={styles.configCancelBtn} onClick={() => { setConfigEditing(false); setConfigDraft({}); }}>Cancel</button>
</div>
</>
) : (
<>