Use h:nnt format, same font size, wider card for date
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
parent
60de16437b
commit
d84805a6f4
1 changed files with 5 additions and 5 deletions
|
|
@ -30,7 +30,7 @@ if (remoteAddr != "127.0.0.1" && remoteAddr != "::1" && remoteAddr != "0:0:0:0:0
|
|||
.card .label { font-size: 11px; color: #8b949e; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 4px; }
|
||||
.card .value { font-size: 28px; font-weight: 700; color: #fff; }
|
||||
.card .unit { font-size: 13px; color: #8b949e; font-weight: 400; }
|
||||
.card .value-sm { font-size: 18px; font-weight: 700; color: #fff; }
|
||||
.card.card-wide { min-width: 200px; }
|
||||
|
||||
.section { margin-bottom: 28px; }
|
||||
.section h2 { font-size: 15px; font-weight: 600; margin-bottom: 10px; color: #c9d1d9; display: flex; align-items: center; gap: 8px; }
|
||||
|
|
@ -137,7 +137,7 @@ function fmtDate(s) {
|
|||
var mo = d.getMonth() + 1, dy = d.getDate(), yr = String(d.getFullYear()).slice(-2);
|
||||
var h = d.getHours(), mi = String(d.getMinutes()).padStart(2, '0'), ap = h >= 12 ? 'p' : 'a';
|
||||
h = h % 12 || 12;
|
||||
return mo + '/' + dy + '/' + yr + ' ' + h + '.' + mi + ap;
|
||||
return mo + '/' + dy + '/' + yr + ' ' + h + ':' + mi + ap;
|
||||
}
|
||||
function fmtMs(n) {
|
||||
if (n == null) return '-';
|
||||
|
|
@ -201,7 +201,7 @@ async function loadAll() {
|
|||
card('Avg DB Time', s.OverallAvgDbMs || 0, 'ms') +
|
||||
card('Avg App Time', s.OverallAvgAppMs || 0, 'ms') +
|
||||
card('Avg Queries', s.OverallAvgQueries || 0, '/req') +
|
||||
cardSm('Data Since', fmtDate(s.FirstLog));
|
||||
cardWide('Data Since', fmtDate(s.FirstLog));
|
||||
qs('#summarySection').style.display = '';
|
||||
|
||||
// Count table
|
||||
|
|
@ -225,8 +225,8 @@ async function loadAll() {
|
|||
function card(label, value, unit) {
|
||||
return '<div class="card"><div class="label">' + label + '</div><div class="value">' + value + ' <span class="unit">' + unit + '</span></div></div>';
|
||||
}
|
||||
function cardSm(label, value) {
|
||||
return '<div class="card"><div class="label">' + label + '</div><div class="value-sm">' + value + '</div></div>';
|
||||
function cardWide(label, value) {
|
||||
return '<div class="card card-wide"><div class="label">' + label + '</div><div class="value">' + value + '</div></div>';
|
||||
}
|
||||
|
||||
function renderCountTable(data) {
|
||||
|
|
|
|||
Reference in a new issue