fix(platform-service-detail-view): wrap service logs chart in a full-width container to preserve layout

This commit is contained in:
2026-03-16 14:53:08 +00:00
parent 53b730914c
commit a188fcbe85
3 changed files with 20 additions and 12 deletions

View File

@@ -1,5 +1,11 @@
# Changelog
## 2026-03-16 - 2.6.2 - fix(platform-service-detail-view)
wrap service logs chart in a full-width container to preserve layout
- Places the logs component inside a container spanning all grid columns.
- Keeps the service logs view aligned correctly within the detail page layout.
## 2026-03-16 - 2.6.1 - fix(platform-service-detail-view)
replace custom service log markup with dees-chart-log in the platform service detail view

View File

@@ -3,6 +3,6 @@
*/
export const commitinfo = {
name: '@serve.zone/catalog',
version: '2.6.1',
version: '2.6.2',
description: 'UI component catalog for serve.zone'
}

View File

@@ -587,17 +587,19 @@ export class SzPlatformServiceDetailView extends DeesElement {
` : ''}
<!-- Logs -->
<dees-chart-log
.label=${'Service Logs'}
.logEntries=${this.logs.map(log => ({
timestamp: log.timestamp.includes('T') ? log.timestamp : new Date(log.timestamp).toISOString(),
level: log.level as 'debug' | 'info' | 'warn' | 'error',
message: log.message,
}))}
.autoScroll=${true}
.maxEntries=${2000}
.showMetrics=${true}
></dees-chart-log>
<div style="grid-column: 1 / -1;">
<dees-chart-log
.label=${'Service Logs'}
.logEntries=${this.logs.map(log => ({
timestamp: log.timestamp.includes('T') ? log.timestamp : new Date(log.timestamp).toISOString(),
level: log.level as 'debug' | 'info' | 'warn' | 'error',
message: log.message,
}))}
.autoScroll=${true}
.maxEntries=${2000}
.showMetrics=${true}
></dees-chart-log>
</div>
</div>
`;
}