ui(deploy): surface deployment failure reason in StatusCard
DeploymentExecutor already persists errorMessage on FAILED transitions but the UI never rendered it — users saw "FAILED" with no explanation. Add a bordered error block above the action row when a deployment is FAILED, preserving whitespace and wrapping long Docker error bodies (e.g. 409 conflict JSON). Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -252,6 +252,26 @@
|
||||
.statusCardGrid { display: grid; grid-template-columns: 100px 1fr; gap: 6px 12px; font-size: 13px; }
|
||||
.statusCardActions { display: flex; gap: 8px; }
|
||||
|
||||
.statusCardError {
|
||||
padding: 10px 12px;
|
||||
background: var(--error-bg);
|
||||
border: 1px solid var(--error-border);
|
||||
border-radius: 6px;
|
||||
color: var(--text-primary);
|
||||
font-size: 13px;
|
||||
font-family: var(--font-mono);
|
||||
white-space: pre-wrap;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
.statusCardErrorLabel {
|
||||
font-family: var(--font-sans);
|
||||
color: var(--error);
|
||||
font-weight: 600;
|
||||
display: block;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
/* DeploymentTab */
|
||||
.deploymentTab {
|
||||
display: flex;
|
||||
|
||||
Reference in New Issue
Block a user