fix: visible Save/Cancel buttons on AgentHealth config edit mode
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:
@@ -114,11 +114,48 @@
|
|||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.configEditBtn:disabled {
|
.configActions {
|
||||||
opacity: 0.3;
|
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;
|
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 */
|
/* Section header */
|
||||||
.sectionTitle {
|
.sectionTitle {
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
|
|||||||
@@ -565,8 +565,10 @@ export default function AgentHealth() {
|
|||||||
<span>{configDraft.metricsEnabled ? 'On' : 'Off'}</span>
|
<span>{configDraft.metricsEnabled ? 'On' : 'Off'}</span>
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
<button className={styles.configEditBtn} title="Save" onClick={saveConfigEdit} disabled={updateConfig.isPending}>✓</button>
|
<div className={styles.configActions}>
|
||||||
<button className={styles.configEditBtn} title="Cancel" onClick={() => { setConfigEditing(false); setConfigDraft({}); }}>✕</button>
|
<button className={styles.configSaveBtn} onClick={saveConfigEdit} disabled={updateConfig.isPending}>Save</button>
|
||||||
|
<button className={styles.configCancelBtn} onClick={() => { setConfigEditing(false); setConfigDraft({}); }}>Cancel</button>
|
||||||
|
</div>
|
||||||
</>
|
</>
|
||||||
) : (
|
) : (
|
||||||
<>
|
<>
|
||||||
|
|||||||
Reference in New Issue
Block a user