fix: Dashboard DetailPanel uses flat scrollable layout matching mock
Some checks failed
CI / build (push) Failing after 41s
CI / cleanup-branch (push) Has been skipped
CI / docker (push) Has been skipped
CI / deploy (push) Has been skipped
CI / deploy-feature (push) Has been skipped

Changed from tabs-based to children-based DetailPanel layout:
- Flat scrollable sections: Open Details → Overview → Errors → Route Flow → Processor Timeline
- Title shows "route — exchangeId" matching mock pattern
- Removed unused state (detailTab, processorIdx)
- Added panelSectionMeta CSS for duration display in timeline header

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
hsiegeln
2026-03-23 20:51:23 +01:00
parent 695969d759
commit a950feaef1
2 changed files with 102 additions and 97 deletions

View File

@@ -58,6 +58,18 @@
letter-spacing: 0.5px;
color: var(--text-muted);
margin-bottom: 10px;
display: flex;
justify-content: space-between;
align-items: center;
}
.panelSectionMeta {
font-size: 11px;
font-weight: 400;
text-transform: none;
letter-spacing: 0;
color: var(--text-muted);
font-family: var(--font-mono);
}
.overviewGrid {