Visual tweaks. CSS3 FTW.

This commit is contained in:
Simon MacMullen 2010-08-31 18:03:48 +01:00
parent 22c9721bef
commit 05248dedca
2 changed files with 9 additions and 10 deletions

View File

@ -30,10 +30,11 @@ table.facts th, table.facts td { vertical-align: top; }
tr.alt td {background:#eee;}
td.red {background: #F62817; color:white; font-weight: bolder;}
td.red * {color:white;}
td.yellow {background: yellow;}
td.green {background: lightgreen;}
td.status div { padding: 5px; text-align: center; font-weight: bold; border-radius: 5px; -moz-border-radius: 5px; }
td.status div.red {background: #F62817; color:white; }
td.status div.red * {color:white;}
td.status div.yellow {background: yellow;}
td.status div.green {background: lightgreen;}
td.l {text-align: left;}
td.c {text-align: center;}
@ -44,7 +45,7 @@ p.status-paused { color: #888; }
p.status-warning { color: black; background-color: #ff8; }
p.status-error { color: white; background-color: #f00; }
.highlight {width: 150px; font-size: 150%; float: right; text-align:center; padding:10px; background-color: #ddd; margin: 0 20px 20px 0; color: #888;}
.highlight {width: 150px; font-size: 150%; float: right; text-align:center; padding:10px; background-color: #ddd; margin: 0 20px 20px 0; color: #888; border-radius: 10px; -moz-border-radius: 10px;}
.highlight strong {font-size: 2em; display: block; color: #444; font-weight: normal;}
div.section, div.section-hidden {border: 1px solid #ddd; margin: 0 0 1em 0;}

View File

@ -14,9 +14,7 @@
<tr><th>node</th><td><%= overview.node %></td></tr>
<tr><th>pid</th><td><%= overview.os_pid %></td></tr>
<tr><th>bound to</th><td><%= overview.bound_to %></td></tr>
<tr><th>file descriptors</th><td class="<%= fmt_color(overview.fd_used / overview.fd_total) %>"><%= overview.fd_used %> / <%= overview.fd_total %> <sub>(used/available)</span></td></tr>
<tr><th>erlang processes</th><td class="<%= fmt_color(overview.proc_used / overview.proc_total) %>"><%= overview.proc_used %> / <%= overview.proc_total %> <sub>(used/available)</td></tr>
<tr><th>memory</th><td class="<%= fmt_color(overview.mem_used / overview.mem_total) %>"><%= fmt_bytes(overview.mem_used) %> / <%= fmt_bytes(overview.mem_total) %> <sub>(used/available)</td></tr>
<tr><th>ets memory</th><td><%= fmt_bytes(overview.mem_ets) %></td></tr>
<tr><th>binary memory</th><td><%= fmt_bytes(overview.mem_binary) %></td></tr>
<tr><th>file descriptors</th><td class="status"><div class="<%= fmt_color(overview.fd_used / overview.fd_total) %>"><%= overview.fd_used %> / <%= overview.fd_total %> <sub>(used/available)</span></div></td></tr>
<tr><th>erlang processes</th><td class="status"><div class="<%= fmt_color(overview.proc_used / overview.proc_total) %>"><%= overview.proc_used %> / <%= overview.proc_total %> <sub>(used/available)</div></td></tr>
<tr><th>memory</th><td class="status"><div class="<%= fmt_color(overview.mem_used / overview.mem_total) %>"><%= fmt_bytes(overview.mem_used) %> / <%= fmt_bytes(overview.mem_total) %> <sub>(used/available)</div></td></tr>
</table>