mai
/
posimai-root
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

chore: increase station font sizes for HDMI monitor readability 

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
posimai 2026-03-31 21:32:47 +09:00
parent 15b87f3722
commit 0bd747ebd2
1 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
posimai-dev/station.html
View File

@ -51,7 +51,7 @@
background: linear-gradient(145deg,rgba(255,255,255,0.035) 0%,transparent 55%); background: linear-gradient(145deg,rgba(255,255,255,0.035) 0%,transparent 55%);
pointer-events:none; pointer-events:none;
} }
.panel-title { font-size:10px;font-weight:600;color:var(--text3);letter-spacing:0.12em;text-transform:uppercase;display:flex;align-items:center;gap:6px;flex-shrink:0; } .panel-title { font-size:11px;font-weight:600;color:var(--text3);letter-spacing:0.12em;text-transform:uppercase;display:flex;align-items:center;gap:6px;flex-shrink:0; }
.panel-title svg { width:13px;height:13px; } .panel-title svg { width:13px;height:13px; }
#alert-bar { display:none;position:relative;z-index:2;align-items:center;gap:10px;padding:7px 14px;border-radius:10px;font-size:12px;font-weight:500;margin-bottom:10px; } #alert-bar { display:none;position:relative;z-index:2;align-items:center;gap:10px;padding:7px 14px;border-radius:10px;font-size:12px;font-weight:500;margin-bottom:10px; }
@ -81,8 +81,8 @@
.metric-item { display:flex;flex-direction:column;gap:5px;flex-shrink:0; } .metric-item { display:flex;flex-direction:column;gap:5px;flex-shrink:0; }
.metric-header-row { display:flex;justify-content:space-between;align-items:baseline; } .metric-header-row { display:flex;justify-content:space-between;align-items:baseline; }
.metric-label { font-size:11px;color:var(--text2); } .metric-label { font-size:12px;color:var(--text2); }
.metric-val { font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:500; } .metric-val { font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:500; }
.bar-track { height:4px;border-radius:2px;background:rgba(255,255,255,0.05);overflow:hidden; } .bar-track { height:4px;border-radius:2px;background:rgba(255,255,255,0.05);overflow:hidden; }
.bar-fill { height:100%;border-radius:2px;background:var(--accent);transition:width 0.8s cubic-bezier(0.4,0,0.2,1),background 0.4s; } .bar-fill { height:100%;border-radius:2px;background:var(--accent);transition:width 0.8s cubic-bezier(0.4,0,0.2,1),background 0.4s; }
.bar-fill.warn { background:var(--warn); } .bar-fill.warn { background:var(--warn); }
@ -90,15 +90,15 @@
.load-row { display:flex;gap:6px;flex-shrink:0; } .load-row { display:flex;gap:6px;flex-shrink:0; }
.load-chip { flex:1;background:var(--surface2);border-radius:7px;padding:7px;text-align:center; } .load-chip { flex:1;background:var(--surface2);border-radius:7px;padding:7px;text-align:center; }
.load-chip-label { font-size:9px;color:var(--text3);margin-bottom:2px; } .load-chip-label { font-size:10px;color:var(--text3);margin-bottom:2px; }
.load-chip-val { font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:500; } .load-chip-val { font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:500; }
.load-chip-val.warn { color:var(--warn); } .load-chip-val.warn { color:var(--warn); }
.load-chip-val.crit { color:var(--crit); } .load-chip-val.crit { color:var(--crit); }
.stat-grid { display:grid;grid-template-columns:1fr 1fr;gap:7px;flex-shrink:0; } .stat-grid { display:grid;grid-template-columns:1fr 1fr;gap:7px;flex-shrink:0; }
.stat-card { background:var(--surface2);border-radius:9px;padding:9px 11px; } .stat-card { background:var(--surface2);border-radius:9px;padding:9px 11px; }
.stat-label { font-size:9px;color:var(--text3);margin-bottom:2px; } .stat-label { font-size:11px;color:var(--text3);margin-bottom:2px; }
.stat-val { font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:500;letter-spacing:-0.02em; } .stat-val { font-family:'JetBrains Mono',monospace;font-size:15px;font-weight:500;letter-spacing:-0.02em; }
.open-btn { display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;background:rgba(34,211,238,0.07);border:1px solid rgba(34,211,238,0.18);border-radius:9px;color:var(--accent);text-decoration:none;font-size:12px;font-weight:500;transition:background 0.2s,border-color 0.2s;margin-top:auto;flex-shrink:0; } .open-btn { display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;background:rgba(34,211,238,0.07);border:1px solid rgba(34,211,238,0.18);border-radius:9px;color:var(--accent);text-decoration:none;font-size:12px;font-weight:500;transition:background 0.2s,border-color 0.2s;margin-top:auto;flex-shrink:0; }
.open-btn:hover { background:rgba(34,211,238,0.13);border-color:rgba(34,211,238,0.35); } .open-btn:hover { background:rgba(34,211,238,0.13);border-color:rgba(34,211,238,0.35); }
@ -127,14 +127,14 @@
.service-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:8px;overflow-y:auto;flex:1; } .service-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:8px;overflow-y:auto;flex:1; }
.service-card { background:var(--surface2);border:1px solid var(--border2);border-radius:11px;padding:12px;display:flex;flex-direction:column;gap:6px; } .service-card { background:var(--surface2);border:1px solid var(--border2);border-radius:11px;padding:12px;display:flex;flex-direction:column;gap:6px; }
.service-card-top { display:flex;align-items:center;justify-content:space-between; } .service-card-top { display:flex;align-items:center;justify-content:space-between; }
.service-name { font-size:12px;font-weight:500; } .service-name { font-size:13px;font-weight:500; }
.service-badge { font-size:9px;font-weight:600;letter-spacing:0.06em;padding:2px 6px;border-radius:20px; } .service-badge { font-size:10px;font-weight:600;letter-spacing:0.06em;padding:2px 7px;border-radius:20px; }
.service-badge.ok { background:rgba(74,222,128,0.14); color:var(--ok); } .service-badge.ok { background:rgba(74,222,128,0.14); color:var(--ok); }
.service-badge.crit { background:rgba(248,113,113,0.14);color:var(--crit); } .service-badge.crit { background:rgba(248,113,113,0.14);color:var(--crit); }
.service-badge.checking { background:rgba(34,211,238,0.09); color:var(--accent); } .service-badge.checking { background:rgba(34,211,238,0.09); color:var(--accent); }
.service-desc { font-size:10px;color:var(--text3);line-height:1.4; } .service-desc { font-size:11px;color:var(--text3);line-height:1.4; }
.service-footer { display:flex;align-items:center;justify-content:space-between;margin-top:2px; } .service-footer { display:flex;align-items:center;justify-content:space-between;margin-top:2px; }
.service-latency { font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--text3); } .service-latency { font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--text3); }
.service-dots { display:flex;gap:3px; } .service-dots { display:flex;gap:3px; }
.svc-dot { width:5px;height:5px;border-radius:50%;background:var(--text3);opacity:0.25; } .svc-dot { width:5px;height:5px;border-radius:50%;background:var(--text3);opacity:0.25; }
.svc-dot.ok { background:var(--ok); opacity:0.85; } .svc-dot.ok { background:var(--ok); opacity:0.85; }