PiFrame/monit-dashboard
PiFrame/monit-dashboard
1
0
Fork 0
Code Issues Pull requests Releases Activity

chart container positioning

Browse source
This commit is contained in:
saravanan30erd 2019-10-04 19:57:08 +04:00
parent b6a5d3b7d8
commit 0134cc42bb
2 changed files with 16 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
static/monit-dashboard.css
View file

@ -37,7 +37,7 @@ button.accordion {
cursor: pointer; cursor: pointer;
padding: 18px; padding: 18px;
width: 100%; width: 100%;
text-align: left; text-align: center;
border: none; border: none;
outline: none; outline: none;
transition: 0.4s; transition: 0.4s;
@ -72,6 +72,12 @@ div.panel.show {
background-color: #c9302c; background-color: #c9302c;
} }
.canvas-container {
height: 40%;
margin: auto;
width: 24%;
}
.canvas-graph { .canvas-graph {
min-height: 30%; min-height: 30%;
min-width: 24.5%; min-width: 24.5%;
@ -81,3 +87,10 @@ div.panel.show {
margin: 20px 0; margin: 20px 0;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)
} }
.canvas-header {
padding: 1rem;
height: 2rem;
background-color: #F2F2F2;
text-align: center;
}

4
templates/index.html
View file

@ -79,9 +79,9 @@ $for server in range(len(output)):
</div> </div>
<div style="height:40%"> <div class="canvas-container">
<div class="canvas-graph"> <div class="canvas-graph">
<div style="background-color: grey; text-align: center;"><h3>Hosts status</h3></div> <div class="canvas-header"><h2 style="margin: 0">Hosts status</h2></div>
<canvas id="canvas" width="400" height="400"></canvas> <canvas id="canvas" width="400" height="400"></canvas>
</div> </div>
</div> </div>