Pavel Loginov 2021-10-29 13:59:09 +06:00
parent 6cf78a7587
commit 2b2218bdb1
2 changed files with 17 additions and 11 deletions

View File

@ -267,7 +267,7 @@
{% endfor %}
</div>
{% if serv %}
<div style="clear: both; width: 95%;">
<div style="clear: both; width: 97%;">
<div style="padding-left: 25px;float: left;margin-top: -15px;">
<b>Time range:</b>
<select title="Choose time range" id="time-range">
@ -284,13 +284,13 @@
</div>
{% for s in servers %}
{% if service == 'haproxy' %}
<div id="server_metrics_div" class="chart-container" style="display: block; width: 91.3%; height: 300px;">
<div id="server_metrics_div" class="chart-container_overview">
<canvas id="{{s.2}}" role="img"></canvas>
</div>
<div class="chart-container http_metrics_div" style="display: block; width: 91.3%; height: 300px;">
<div class="chart-container_overview http_metrics_div">
<canvas id="http_{{s.2}}" role="img"></canvas>
</div>
<div id="waf_metrics_div" class="chart-container" style="display: block; width: 90%; height: 300px;">
<div id="waf_metrics_div" class="chart-container_overview">
<canvas id="s_{{s.2}}" role="img"></canvas>
</div>
{% endif %}

View File

@ -790,7 +790,7 @@ label {
border-top: 3px solid #00b8d7;
}
.div-backends {
width: 89.3%;
width: 91.2%;
}
.server-name {
padding-bottom: 3px;
@ -833,8 +833,8 @@ label {
float: left;
}
.ajax-server {
margin: 25px 25px 0 757px;
width: 794px;
margin: 25px 25px 0 787px;
width: 797px;
display: none;
height: 185px;
padding: 10px 0 0 15px;
@ -884,13 +884,16 @@ label {
margin-bottom: -40px;
padding-left: 70px;
}
.chart-container {
.chart-container, .chart-container_overview {
position: relative;
height: 300px;
width: 48.8%;
float: left;
margin-left: 20px;
}
.chart-container_overview {
width: 93.3%;
}
.restart, .reload, .stop, .stop-waf, .restart-waf {
padding-left: 4px;
}
@ -991,7 +994,7 @@ label {
clear: both !important;
margin-left: 20px !important;
margin-bottom: 20px !important;
width: 89.3% !important;
width: 92.3% !important;
}
}
@media (max-width: 1450px) {
@ -999,11 +1002,14 @@ label {
clear: both !important;
margin-left: 20px !important;
margin-bottom: 20px !important;
width: 88% !important;
width: 91% !important;
}
.ajax-server {
width: 92.2% !important;
}
.div-server {
margin-bottom: 30px !important;
width: 300px;
width: 90.8%;
height: 100px;
}
.server-desc {