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 %} {% endfor %}
</div> </div>
{% if serv %} {% if serv %}
<div style="clear: both; width: 95%;"> <div style="clear: both; width: 97%;">
<div style="padding-left: 25px;float: left;margin-top: -15px;"> <div style="padding-left: 25px;float: left;margin-top: -15px;">
<b>Time range:</b> <b>Time range:</b>
<select title="Choose time range" id="time-range"> <select title="Choose time range" id="time-range">
@ -284,13 +284,13 @@
</div> </div>
{% for s in servers %} {% for s in servers %}
{% if service == 'haproxy' %} {% 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> <canvas id="{{s.2}}" role="img"></canvas>
</div> </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> <canvas id="http_{{s.2}}" role="img"></canvas>
</div> </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> <canvas id="s_{{s.2}}" role="img"></canvas>
</div> </div>
{% endif %} {% endif %}

View File

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