fix: equal chart heights + single toggle for bottom row

- Players donut now same height as network chart (250px)
- Removed redundant Players toggle button
- Network toggle now collapses both cards via shared .bottom-row class

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
This commit is contained in:
2026-06-13 18:39:46 +02:00
co-authored by Copilot
parent 752ee008ff
commit 381b100f23
+4 -5
View File
@@ -26,21 +26,20 @@ function ServerInfoPage(params, container) {
'<div class="col-sm-3">' +
'<div class="card mb-3">' +
'<div class="card-header">' +
'<button class="btn btn-sm btn-outline-primary float-end" role="button" data-bs-toggle="collapse" data-bs-target="#playersCollapse">toggle</button>' +
'<h4 class="card-title mb-0">Players</h4>' +
'</div>' +
'<div id="playersCollapse" class="collapse show">' +
'<div class="card-body"><svg id="chart-players" style="height:200px;width:100%"></svg></div>' +
'<div id="playersCollapse" class="collapse show bottom-row">' +
'<div class="card-body"><svg id="chart-players" style="height:250px;width:100%"></svg></div>' +
'</div>' +
'</div>' +
'</div>' +
'<div class="col-sm-9">' +
'<div class="card mb-3">' +
'<div class="card-header">' +
'<button class="btn btn-sm btn-outline-primary float-end" role="button" data-bs-toggle="collapse" data-bs-target="#networkCollapse">toggle</button>' +
'<button class="btn btn-sm btn-outline-primary float-end" role="button" data-bs-toggle="collapse" data-bs-target=".bottom-row">toggle</button>' +
'<h4 class="card-title mb-0">Server Networking</h4>' +
'</div>' +
'<div id="networkCollapse" class="collapse show">' +
'<div id="networkCollapse" class="collapse show bottom-row">' +
'<div class="card-body"><svg id="chart-network" style="height:250px;width:100%"></svg></div>' +
'</div>' +
'</div>' +