PiFrame/monit-dashboard
PiFrame
/
monit-dashboard
3
0
Fork 0
Code Issues Pull Requests Releases Activity

Merge pull request #13 from saravanan30erd/issue-10 

Issue #10 - Change to vertical view
This commit is contained in:
adriaaah 2020-01-26 23:35:55 +01:00 committed by GitHub
parent ce5979b58f b1baeab760
commit fad4a5dcb5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
static/monit-dashboard.css
View File

@ -94,9 +94,11 @@ div.panel.show {
} }
.canvas-container { .canvas-container {
height: 35%; width: 50%;
margin: auto; display: flex;
width: 24%; justify-content: center;
margin-top:200;
margin-bottom:100;
} }
.canvas-graph { .canvas-graph {

5
templates/index.html
View File

@ -7,7 +7,7 @@ $ color = "green"
<div class="download-header"> <div class="download-header">
<button class="download-button" onclick="window.location.href = 'download';">Download Report</button> <button class="download-button" onclick="window.location.href = 'download';">Download Report</button>
</div> </div>
<div style="height: 38%; overflow-y: scroll; overflow-x: hidden;"> <div style="height: 100%;border-right:2px solid #ccc; padding:5px;overflow-x: hidden; float:left; width:48%">
$for server in range(len(output)): $for server in range(len(output)):
$code: $code:
errors = 0 errors = 0
@ -89,10 +89,11 @@ $for server in range(len(output)):
</div> </div>
</div> </div>
<div style="height: 10%;"> <div style="height: 10%; float:right">
<br><br><br> <br><br><br>
Latest update: $now.day/$now.month/$now.year, $now.hour:$now.minute:$now.second Latest update: $now.day/$now.month/$now.year, $now.hour:$now.minute:$now.second
<br><br> <br><br>
<a href="/">Home</a> | <a href="/help">Help</a>
</div> </div>
</div> </div>

3
templates/layout.html
View File

@ -8,11 +8,10 @@ $def with (content)
<meta http-equiv="refresh" content="300"> <meta http-equiv="refresh" content="300">
</head> </head>
<body style="height: 100%; overflow: hidden;"> <body>
$:content $:content
<a href="/">Home</a> | <a href="/help">Help</a>
</body> </body>
</html> </html>