fix: align edit and save/cancel buttons after badges on AgentHealth
Moved edit pencil and save/cancel actions to sit right after the last badge field instead of at the start or far right of the config bar. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -106,7 +106,6 @@
|
|||||||
line-height: 1;
|
line-height: 1;
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-self: flex-end;
|
align-self: flex-end;
|
||||||
margin-left: auto;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.configEditBtn:hover {
|
.configEditBtn:hover {
|
||||||
|
|||||||
@@ -527,10 +527,6 @@ export default function AgentHealth() {
|
|||||||
<div className={styles.configBar}>
|
<div className={styles.configBar}>
|
||||||
{configEditing ? (
|
{configEditing ? (
|
||||||
<>
|
<>
|
||||||
<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>
|
|
||||||
<div className={styles.configField}>
|
<div className={styles.configField}>
|
||||||
<span className={styles.configLabel}>Log Level</span>
|
<span className={styles.configLabel}>Log Level</span>
|
||||||
<select className={styles.configSelect} value={String(configDraft.logForwardingLevel ?? 'INFO')}
|
<select className={styles.configSelect} value={String(configDraft.logForwardingLevel ?? 'INFO')}
|
||||||
@@ -569,6 +565,10 @@ export default function AgentHealth() {
|
|||||||
<span>{configDraft.metricsEnabled ? 'On' : 'Off'}</span>
|
<span>{configDraft.metricsEnabled ? 'On' : 'Off'}</span>
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
|
<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>
|
||||||
</>
|
</>
|
||||||
) : (
|
) : (
|
||||||
<>
|
<>
|
||||||
|
|||||||
Reference in New Issue
Block a user