Commit b50c9d22 authored by Hermann Mayer's avatar Hermann Mayer

Added support for mobile-device layouts.

parent 2575fef6
......@@ -14,29 +14,34 @@ html
.navbar.navbar-fixed-top
.navbar-inner
.container
button.btn.btn-navbar(type="button", data-toggle="collapse", data-target=".nav-collapse")
span.icon-bar
span.icon-bar
span.icon-bar
a.brand(href='/') Server Status Panel
.nav-collapse.collapse
ul.nav
li(class=(global.current_route.match('/status$')) ? "active" : "")
a(href='/status')
i.icon-wrench
| System Status
li(class=(global.current_route.match('/status/cpu')) ? "active" : "")
a(href='/status/cpu')
i.icon-tasks
| Prozessor
li(class=(global.current_route.match('/status/memory')) ? "active" : "")
a(href='/status/memory')
i.icon-th
| Arbeitsspeicher
li(class=(global.current_route.match('/status/disk')) ? "active" : "")
a(href='/status/disk')
i.icon-hdd
| Datenspeicher
li(class=(global.current_route.match('/status/network')) ? "active" : "")
a(href='/status/network')
i.icon-globe
| Netzwerk
ul.nav
li(class=(global.current_route.match('/status$')) ? "active" : "")
a(href='/status')
i.icon-wrench
| System Status
li(class=(global.current_route.match('/status/cpu')) ? "active" : "")
a(href='/status/cpu')
i.icon-tasks
| Prozessor
li(class=(global.current_route.match('/status/memory')) ? "active" : "")
a(href='/status/memory')
i.icon-th
| Arbeitsspeicher
li(class=(global.current_route.match('/status/disk')) ? "active" : "")
a(href='/status/disk')
i.icon-hdd
| Datenspeicher
li(class=(global.current_route.match('/status/network')) ? "active" : "")
a(href='/status/network')
i.icon-globe
| Netzwerk
.container
......
......@@ -8,10 +8,10 @@ block content
.row
.span12
#cpu_load(style="width: 900px; height: 300px;")
#cpu_load(style="height: 300px;")
.row
.span12
#cpu_load_detail(style="width: 900px; height: 350px;")
#cpu_load_detail(style="height: 350px;")
script(type="text/javascript")
google.load("visualization", "1", {packages:["corechart"]});
......
......@@ -13,7 +13,7 @@ block content
#disk_used(style="height: 350px;")
.row
.span12
#disk_load(style="width: 900px; height: 350px;")
#disk_load(style="height: 350px;")
script(type="text/javascript")
google.load("visualization", "1", {packages:["corechart"]});
......
......@@ -8,7 +8,7 @@ block content
.row
.span12
#network_bandwidth(style="width: 900px; height: 300px;")
#network_bandwidth(style="height: 300px;")
script(type="text/javascript")
google.load("visualization", "1", {packages:["corechart"]});
......
......@@ -95,3 +95,15 @@ table td:nth-child(1), table tbody th:nth-child(1) {
text-align: right;
}
@media (max-width: 767px) {
body > #wrap > .container {
padding-top: 0px;
padding-bottom: 10px;
}
#footer {
height: auto;
}
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment