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:
@@ -26,21 +26,20 @@ function ServerInfoPage(params, container) {
|
|||||||
'<div class="col-sm-3">' +
|
'<div class="col-sm-3">' +
|
||||||
'<div class="card mb-3">' +
|
'<div class="card mb-3">' +
|
||||||
'<div class="card-header">' +
|
'<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>' +
|
'<h4 class="card-title mb-0">Players</h4>' +
|
||||||
'</div>' +
|
'</div>' +
|
||||||
'<div id="playersCollapse" class="collapse show">' +
|
'<div id="playersCollapse" class="collapse show bottom-row">' +
|
||||||
'<div class="card-body"><svg id="chart-players" style="height:200px;width:100%"></svg></div>' +
|
'<div class="card-body"><svg id="chart-players" style="height:250px;width:100%"></svg></div>' +
|
||||||
'</div>' +
|
'</div>' +
|
||||||
'</div>' +
|
'</div>' +
|
||||||
'</div>' +
|
'</div>' +
|
||||||
'<div class="col-sm-9">' +
|
'<div class="col-sm-9">' +
|
||||||
'<div class="card mb-3">' +
|
'<div class="card mb-3">' +
|
||||||
'<div class="card-header">' +
|
'<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>' +
|
'<h4 class="card-title mb-0">Server Networking</h4>' +
|
||||||
'</div>' +
|
'</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 class="card-body"><svg id="chart-network" style="height:250px;width:100%"></svg></div>' +
|
||||||
'</div>' +
|
'</div>' +
|
||||||
'</div>' +
|
'</div>' +
|
||||||
|
|||||||
Reference in New Issue
Block a user