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

fix: service cards fill height, unify cpu labels

This commit is contained in:
posimai 2026-04-02 21:14:53 +09:00
parent 32038e2e0c
commit 74959df0e8
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
posimai-dev/station-b.html
View File

@ -123,7 +123,7 @@
.spark-svg { width:100%;height:100%;overflow:visible; } .spark-svg { width:100%;height:100%;overflow:visible; }
/* services */ /* services */
.service-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:8px;overflow-y:auto;flex:1;align-content:start; } .service-grid { display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows: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:13px;font-weight:500; } .service-name { font-size:13px;font-weight:500; }
@ -201,7 +201,7 @@
<!-- Ubuntu PC section --> <!-- Ubuntu PC section -->
<div class="machines-section">Ubuntu PC</div> <div class="machines-section">Ubuntu PC</div>
<div class="metric-item"> <div class="metric-item">
<div class="metric-header-row"><span class="metric-label">CPU</span><span class="metric-val" id="cpu-val">—</span></div> <div class="metric-header-row"><span class="metric-label">CPU Usage</span><span class="metric-val" id="cpu-val">—</span></div>
<div class="bin-bar" id="cpu-bar"></div> <div class="bin-bar" id="cpu-bar"></div>
</div> </div>
<div class="metric-item"> <div class="metric-item">
@ -236,7 +236,7 @@
<!-- VPS section --> <!-- VPS section -->
<div class="machines-section">VPS</div> <div class="machines-section">VPS</div>
<div class="metric-item"> <div class="metric-item">
<div class="metric-header-row"><span class="metric-label">CPU Load</span><span class="metric-val" id="vps-load">—</span></div> <div class="metric-header-row"><span class="metric-label">Load Avg <span style="font-size:9px;color:var(--text3)">(1m/5m)</span></span><span class="metric-val" id="vps-load">—</span></div>
</div> </div>
<div class="metric-item"> <div class="metric-item">
<div class="metric-header-row"><span class="metric-label">Memory</span><span class="metric-val" id="vps-mem">—</span></div> <div class="metric-header-row"><span class="metric-label">Memory</span><span class="metric-val" id="vps-mem">—</span></div>