fix: mobile layout issues

This commit is contained in:
2025-09-20 12:19:21 +02:00
parent 03e4c50766
commit 4538853ec7
2 changed files with 156 additions and 41 deletions

View File

@@ -217,13 +217,8 @@ class NodeDetailsComponent extends Component {
const activeTab = (this.viewModel && typeof this.viewModel.get === 'function' && this.viewModel.get('activeTab')) || 'status';
logger.debug('NodeDetailsComponent: Rendering with activeTab:', activeTab);
// Build labels bar (above tabs)
const labelsObj = (nodeStatus && nodeStatus.labels) ? nodeStatus.labels : null;
const labelsBar = (labelsObj && Object.keys(labelsObj).length)
? `<div class="member-labels" style="margin: 0 0 12px 0;">${Object.entries(labelsObj)
.map(([k, v]) => `<span class=\"label-chip\">${this.escapeHtml(String(k))}: ${this.escapeHtml(String(v))}</span>`)
.join('')}</div>`
: '';
// Labels are already shown in the member card header, so we don't need to show them again here
const labelsBar = '';
const html = `
${labelsBar}