fix: machines no scroll - remove margin-top:auto, 320px, 3-col statgrid

This commit is contained in:
posimai 2026-04-03 00:12:16 +09:00
parent 55f36f5ad5
commit 772de39ce8
1 changed files with 4 additions and 4 deletions

View File

@ -71,7 +71,7 @@
#date { font-size:12px;color:var(--text3);margin-top:3px;letter-spacing:0.06em; } #date { font-size:12px;color:var(--text3);margin-top:3px;letter-spacing:0.06em; }
#last-checked { text-align:right;font-size:11px;color:var(--text3); } #last-checked { text-align:right;font-size:11px;color:var(--text3); }
#middle { display:grid;grid-template-columns:280px 1fr 460px 180px;gap:10px;min-height:0; } #middle { display:grid;grid-template-columns:320px 1fr 460px 180px;gap:10px;min-height:0; }
.machines-panel { gap:10px;overflow-y:auto;scrollbar-width:none; } .machines-panel { gap:10px;overflow-y:auto;scrollbar-width:none; }
.machines-panel::-webkit-scrollbar { display:none; } .machines-panel::-webkit-scrollbar { display:none; }
.machines-section { font-size:9px;font-weight:600;color:var(--text3);letter-spacing:0.14em;text-transform:uppercase;margin-bottom:-2px; } .machines-section { font-size:9px;font-weight:600;color:var(--text3);letter-spacing:0.14em;text-transform:uppercase;margin-bottom:-2px; }
@ -99,7 +99,7 @@
.stat-label { font-size:11px;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:15px;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;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); }
.open-btn svg { width:13px;height:13px; } .open-btn svg { width:13px;height:13px; }
@ -223,12 +223,12 @@
<div class="metric-item" id="net-row" style="display:none"> <div class="metric-item" id="net-row" style="display:none">
<div class="metric-header-row"><span class="metric-label">Network</span><span class="metric-val" id="net-val"></span></div> <div class="metric-header-row"><span class="metric-label">Network</span><span class="metric-val" id="net-val"></span></div>
</div> </div>
<div class="stat-grid"> <div class="stat-grid" style="grid-template-columns:1fr 1fr 1fr">
<div class="stat-card"><div class="stat-label">Uptime</div><div class="stat-val" id="uptime-val"></div></div> <div class="stat-card"><div class="stat-label">Uptime</div><div class="stat-val" id="uptime-val"></div></div>
<div class="stat-card"><div class="stat-label">Sessions</div><div class="stat-val" id="sessions-val"></div></div> <div class="stat-card"><div class="stat-label">Sessions</div><div class="stat-val" id="sessions-val"></div></div>
<div class="stat-card" id="temp-card" style="display:none"><div class="stat-label">CPU Temp</div><div class="stat-val" id="temp-val"></div></div>
<div class="stat-card"><div class="stat-label">Node.js</div><div class="stat-val" id="node-val"></div></div> <div class="stat-card"><div class="stat-label">Node.js</div><div class="stat-val" id="node-val"></div></div>
<div class="stat-card"><div class="stat-label">Platform</div><div class="stat-val" id="platform-val"></div></div> <div class="stat-card"><div class="stat-label">Platform</div><div class="stat-val" id="platform-val"></div></div>
<div class="stat-card" id="temp-card" style="display:none"><div class="stat-label">CPU Temp</div><div class="stat-val" id="temp-val"></div></div>
</div> </div>
<a class="open-btn" href="/" target="_blank" rel="noopener"><i data-lucide="terminal"></i>posimai-dev を開く</a> <a class="open-btn" href="/" target="_blank" rel="noopener"><i data-lucide="terminal"></i>posimai-dev を開く</a>
<!-- Divider --> <!-- Divider -->