github
/
phpservermon
mirror of https://github.com/phpservermon/phpservermon
1
0
Fork 0
Code Issues Releases Wiki Activity

- Disable zooming. 

- Change dropdown menu appearance.
- fix status display on mobile.
pull/62/merge
jerome 2014-04-08 03:43:10 +02:00
parent 2ff229b6b1
commit 9ca387861a
3 changed files with 65 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/templates/main.tpl.html
View File

@ -4,7 +4,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>{title}</title> <title>{title}</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, minimum-scale=1">
<meta name="description" content=""> <meta name="description" content="">
<meta name="author" content=""> <meta name="author" content="">
{auto_refresh} {auto_refresh}
@ -46,7 +46,7 @@
<!-- container --> <!-- container -->
<div class="container-fluid"> <div class="container-fluid">
<div class="page-header"> <div class="page-header">
<h1>{subtitle}<small>&nbsp;</small></h1> <h1>{subtitle}</h1>
</div> </div>
<div class="row-fluid"> <div class="row-fluid">
{html_sidebar} {html_sidebar}
@ -72,15 +72,6 @@
<!--%tpl_main_menu--> <!--%tpl_main_menu-->
<div class="nav-collapse"> <div class="nav-collapse">
<ul class="nav pull-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">{label_usermenu} <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="{url_profile}"><i class="icon-cog"></i>&nbsp;{label_profile}</a></li>
<li><a href="{url_logout}"><i class="icon-off"></i>&nbsp;{label_logout}</a></li>
</ul>
</li>
</ul>
<ul class="nav"> <ul class="nav">
<!--%tpl_repeat_menu--> <!--%tpl_repeat_menu-->
<li class="{active}"> <li class="{active}">
@ -92,6 +83,18 @@
<a href="http://www.phpservermonitor.org/" target="_blank">{label_help}</a> <a href="http://www.phpservermonitor.org/" target="_blank">{label_help}</a>
</li> </li>
</ul> </ul>
<ul class="nav pull-right">
<li class="dropdown visible-desktop">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">{label_usermenu} <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="{url_profile}"><i class="icon-cog"></i>&nbsp;{label_profile}</a></li>
<li><a href="{url_logout}"><i class="icon-off"></i>&nbsp;{label_logout}</a></li>
</ul>
</li>
<li class="hidden-desktop divider"></li>
<li class="hidden-desktop"><a href="{url_profile}">{label_profile}</a></li>
<li class="hidden-desktop"><a href="{url_logout}">{label_logout}</a></li>
</ul>
</div> </div>
<!--%%tpl_main_menu--> <!--%%tpl_main_menu-->

27
src/templates/server/status.tpl.html
View File

@ -2,7 +2,6 @@
<style type="text/css"> <style type="text/css">
body { body {
background: {bg}; background: {bg};
padding: 30px 20px;
} }
.page-header { .page-header {
@ -18,19 +17,23 @@
margin-bottom: 10px; margin-bottom: 10px;
} }
.offline, .online {
width: 100%;
}
.entity-container {
float: left;
width: 100%;
max-width: 320px;
}
.entity { .entity {
padding: 10px; padding: 10px;
box-shadow: 0px 0px 5px #666; box-shadow: 0px 0px 5px #666;
border-radius: 3px; border-radius: 3px;
margin-bottom: 20px;
width: 300px;
cursor: pointer;
}
.offline {
width: 325px;
float: left;
margin-right: 20px; margin-right: 20px;
margin-bottom: 20px;
cursor: pointer;
} }
.offline .entity { .offline .entity {
@ -49,27 +52,29 @@
background: {online_bg}; background: {online_bg};
color: {online_fg}; color: {online_fg};
border: 2px solid {online_fg}; border: 2px solid {online_fg};
float: left;
margin-right: 20px;
} }
</style> </style>
<div class="offline"> <div class="offline">
<!--%tpl_repeat_servers_offline--> <!--%tpl_repeat_servers_offline-->
<div class="entity-container">
<div class="entity {class_warning}" onclick="window.location.href='{url_view}'"> <div class="entity {class_warning}" onclick="window.location.href='{url_view}'">
<h2>{label}</h2> <h2>{label}</h2>
<p>{label_last_online}: {last_online_nice}</p> <p>{label_last_online}: {last_online_nice}</p>
<p>{label_last_check}: {last_checked_nice}</p> <p>{label_last_check}: {last_checked_nice}</p>
</div> </div>
</div>
<!--%%tpl_repeat_servers_offline--> <!--%%tpl_repeat_servers_offline-->
{servers_offline} {servers_offline}
</div> </div>
<div class="online"> <div class="online">
<!--%tpl_repeat_servers_online--> <!--%tpl_repeat_servers_online-->
<div class="entity-container">
<div class="entity" onclick="window.location.href='{url_view}'"> <div class="entity" onclick="window.location.href='{url_view}'">
<h2>{label}</h2> <h2>{label}</h2>
<p>{label_last_online}: {last_checked_nice}</p> <p>{label_last_online}: {last_checked_nice}</p>
<p>{label_rtime}: {rtime}s</p> <p>{label_rtime}: {rtime}s</p>
</div> </div>
</div>
<!--%%tpl_repeat_servers_online--> <!--%%tpl_repeat_servers_online-->
{servers_online} {servers_online}
</div> </div>

28
static/css/style.css
View File

@ -1,5 +1,5 @@
body { body {
padding-top: 70px; padding-top: 40px;
padding-left: 0px; padding-left: 0px;
padding-right: 0px; padding-right: 0px;
} }
@ -15,6 +15,18 @@ body {
margin: 5px 0; margin: 5px 0;
min-width: 100px; min-width: 100px;
} }
.navbar .nav .divider {
height: 1px;
overflow: hidden;
background-color: #444;
}
@media (min-width: 980px) {
.hidden-desktop {
display: none !important;
}
}
@media (max-width: 979px) { @media (max-width: 979px) {
.sidebar-nav .nav-list { .sidebar-nav .nav-list {
padding: 0; padding: 0;
@ -26,7 +38,21 @@ body {
float: left; float: left;
margin-right: 15px; margin-right: 15px;
} }
.navbar .brand {
margin-left: -10px;
} }
.visible-desktop {
display: none !important;
}
}
@media (max-width: 479px) {
.container-fluid {
padding-left: 10px;
padding-right: 10px;
}
}
body.install{ body.install{
padding-top:20px; padding-top:20px;
} }