some more styling to dashboard

v1.18.x
psychobunny 10 years ago
parent 0d01b0a734
commit 2ec93ba911

@ -159,8 +159,10 @@
} }
#unique-visitors, #active-users { #unique-visitors, #active-users {
margin-left: -15px;
> div { > div {
min-width: 25%; width: 25%;
font-size: 13px;
} }
} }

@ -116,12 +116,12 @@ define('forum/admin/index', ['semver'], function(semver) {
'<div>Guests</div>' + '<div>Guests</div>' +
'</div>' + '</div>' +
'<div class="text-center pull-left">' + '<div class="text-center pull-left">' +
'<div>'+ data.onlineRegisteredCount + data.onlineGuestCount +'</div>' + '<div>'+ (data.onlineRegisteredCount + data.onlineGuestCount) +'</div>' +
'<div>Total</div>' + '<div>Total</div>' +
'</div>' + '</div>' +
'<div class="text-center pull-left">' + '<div class="text-center pull-left">' +
'<div>'+ data.socketCount +'</div>' + '<div>'+ data.socketCount +'</div>' +
'<div>Socket<br />Connections</div>' + '<div>Connections</div>' +
'</div>'; '</div>';
$('#active-users').html(html); $('#active-users').html(html);

@ -7,40 +7,42 @@
</div> </div>
</div> </div>
<div class="row col-lg-9"> <div class="row">
<!-- BEGIN stats --> <div class="col-lg-9">
<div class="col-lg-4 col-md-6"> <!-- BEGIN stats -->
<div class="panel panel-default"> <div class="col-lg-4 col-md-6">
<div class="panel-heading">{stats.name}</div> <div class="panel panel-default">
<div class="panel-body"> <div class="panel-heading">{stats.name}</div>
<div id="unique-visitors"> <div class="panel-body">
<div class="text-center pull-left"> <div id="unique-visitors">
<div>{stats.day}</div> <div class="text-center pull-left">
<div>Day</div> <div>{stats.day}</div>
</div> <div>Day</div>
<div class="text-center pull-left"> </div>
<div>{stats.week}</div> <div class="text-center pull-left">
<div>Week</div> <div>{stats.week}</div>
</div> <div>Week</div>
<div class="text-center pull-left"> </div>
<div>{stats.month}</div> <div class="text-center pull-left">
<div>Month</div> <div>{stats.month}</div>
</div> <div>Month</div>
<div class="text-center pull-left"> </div>
<div>{stats.alltime}</div> <div class="text-center pull-left">
<div>All Time</div> <div>{stats.alltime}</div>
<div>All Time</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> <!-- END stats -->
<!-- END stats -->
<div class="col-lg-4 col-md-6"> <div class="col-lg-4 col-md-6">
<div class="panel panel-default"> <div class="panel panel-default">
<div class="panel-heading">Active Users</div> <div class="panel-heading">Active Users</div>
<div class="panel-body"> <div class="panel-body">
<div id="active-users"></div> <div id="active-users"></div>
</div>
</div> </div>
</div> </div>
</div> </div>

Loading…
Cancel
Save