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 # 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) ## 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 replace custom service log markup with dees-chart-log in the platform service detail view

View File

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

View File

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