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

fix: services 2-col 3-row, vitals wider 300px, rings larger

This commit is contained in:
posimai 2026-04-02 21:06:32 +09:00
parent 6c3f4b7e07
commit 32038e2e0c
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
posimai-dev/station-b.html
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 240px 1fr 180px;gap:10px;min-height:0; } #middle { display:grid;grid-template-columns:280px 300px 1fr 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; }
@ -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(3,1fr);gap:8px;overflow-y:auto;flex:1;align-content:start; } .service-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:8px;overflow-y:auto;flex:1;align-content:start; }
.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; }
@ -255,7 +255,7 @@
<div class="panel rings-panel"> <div class="panel rings-panel">
<div class="panel-title"><i data-lucide="activity"></i>Vitals</div> <div class="panel-title"><i data-lucide="activity"></i>Vitals</div>
<div class="ring-group"> <div class="ring-group">
<svg viewBox="0 0 120 120" style="width:120px;height:120px;overflow:visible"> <svg viewBox="0 0 120 120" style="width:152px;height:152px;overflow:visible">
<defs> <defs>
<filter id="glow-c"><feGaussianBlur stdDeviation="3" result="b"/><feMerge><feMergeNode in="b"/><feMergeNode in="SourceGraphic"/></feMerge></filter> <filter id="glow-c"><feGaussianBlur stdDeviation="3" result="b"/><feMerge><feMergeNode in="b"/><feMergeNode in="SourceGraphic"/></feMerge></filter>
</defs> </defs>
@ -270,7 +270,7 @@
</div> </div>
<div class="small-rings"> <div class="small-rings">
<div class="ring-group"> <div class="ring-group">
<svg viewBox="0 0 80 80" style="width:78px;height:78px;overflow:visible"> <svg viewBox="0 0 80 80" style="width:98px;height:98px;overflow:visible">
<defs><filter id="glow-m"><feGaussianBlur stdDeviation="3" result="b"/><feMerge><feMergeNode in="b"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs> <defs><filter id="glow-m"><feGaussianBlur stdDeviation="3" result="b"/><feMerge><feMergeNode in="b"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs>
<circle class="ring-track" cx="40" cy="40" r="30"/> <circle class="ring-track" cx="40" cy="40" r="30"/>
<circle class="ring-fill" cx="40" cy="40" r="30" id="ring-mem-fill" <circle class="ring-fill" cx="40" cy="40" r="30" id="ring-mem-fill"
@ -283,7 +283,7 @@
<span class="ring-label-text">Memory</span> <span class="ring-label-text">Memory</span>
</div> </div>
<div class="ring-group"> <div class="ring-group">
<svg viewBox="0 0 80 80" style="width:78px;height:78px;overflow:visible"> <svg viewBox="0 0 80 80" style="width:98px;height:98px;overflow:visible">
<defs><filter id="glow-d"><feGaussianBlur stdDeviation="3" result="b"/><feMerge><feMergeNode in="b"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs> <defs><filter id="glow-d"><feGaussianBlur stdDeviation="3" result="b"/><feMerge><feMergeNode in="b"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs>
<circle class="ring-track" cx="40" cy="40" r="30"/> <circle class="ring-track" cx="40" cy="40" r="30"/>
<circle class="ring-fill" cx="40" cy="40" r="30" id="ring-disk-fill" <circle class="ring-fill" cx="40" cy="40" r="30" id="ring-disk-fill"