diff --git a/ui/src/pages/AppsTab/AppDeploymentPage/AppDeploymentPage.module.css b/ui/src/pages/AppsTab/AppDeploymentPage/AppDeploymentPage.module.css index 4b050e0e..425b4db7 100644 --- a/ui/src/pages/AppsTab/AppDeploymentPage/AppDeploymentPage.module.css +++ b/ui/src/pages/AppsTab/AppDeploymentPage/AppDeploymentPage.module.css @@ -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; diff --git a/ui/src/pages/AppsTab/AppDeploymentPage/DeploymentTab/StatusCard.tsx b/ui/src/pages/AppsTab/AppDeploymentPage/DeploymentTab/StatusCard.tsx index 0c7a2208..617c14e2 100644 --- a/ui/src/pages/AppsTab/AppDeploymentPage/DeploymentTab/StatusCard.tsx +++ b/ui/src/pages/AppsTab/AppDeploymentPage/DeploymentTab/StatusCard.tsx @@ -50,6 +50,13 @@ export function StatusCard({ deployment, version, externalUrl, onStop, onStart } Deployed{deployment.deployedAt ? timeAgo(deployment.deployedAt) : '—'} + {deployment.status === 'FAILED' && deployment.errorMessage && ( +