ngfchl/BitMonitor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: font size increase, GPU core clock display, mining time grid layout, CPU model smaller

Browse Source
This commit is contained in:
ngfchl
2026-06-21 00:50:10 +08:00
parent 62143a5a32
commit 9bdc92252e
1 changed files with 40 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
cmd/server/templates/index.html
+40 -22
View File
@@ -367,13 +367,29 @@
}
.dc-name {
font-size: 13px;
font-size: 15px;
font-weight: 600;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.dc-time {
font-size: 12px;
color: var(--dim);
font-family: var(--mono);
flex-shrink: 0;
display: flex;
align-items: center;
gap: 4px
}
.dc-sub {
padding: 1px 16px 0;
font-size: 11px;
color: var(--dim)
}
.dc-time {
font-size: 10px;
color: var(--dim);
@@ -442,7 +458,7 @@
}
.sec-tt {
font-size: 10px;
font-size: 11px;
font-weight: 600;
letter-spacing: .8px;
text-transform: uppercase;
@@ -469,9 +485,9 @@
background: rgba(0, 229, 160, .12);
color: var(--accent);
border: none;
font-size: 8px;
padding: 0 6px;
line-height: 18px;
font-size: 9px;
padding: 0 7px;
line-height: 20px;
border-radius: 8px
}
@@ -479,9 +495,9 @@
background: rgba(255, 64, 96, .1);
color: var(--danger);
border: none;
font-size: 8px;
padding: 0 6px;
line-height: 18px;
font-size: 9px;
padding: 0 7px;
line-height: 20px;
border-radius: 8px
}
@@ -489,7 +505,7 @@
display: flex;
justify-content: space-between;
align-items: center;
font-size: 10px;
font-size: 11px;
line-height: 1.8
}
@@ -536,13 +552,13 @@
}
.gb-temp {
font-size: 11px;
font-size: 12px;
font-weight: 700;
font-family: var(--mono)
}
.gb-fan {
font-size: 10px;
font-size: 11px;
color: var(--dim);
font-family: var(--mono);
display: flex;
@@ -581,7 +597,7 @@
.gb-info {
display: flex;
justify-content: space-between;
font-size: 9px;
font-size: 10px;
font-family: var(--mono);
margin-top: 2px
}
@@ -739,7 +755,7 @@
min-width: 70px;
text-align: right;
font-family: var(--mono);
font-size: 10px;
font-size: 11px;
font-weight: 500;
flex-shrink: 0;
color: var(--text)
@@ -749,14 +765,14 @@
display: flex;
align-items: center;
gap: 5px;
font-size: 10px;
font-size: 11px;
margin-bottom: 5px;
color: var(--text)
}
.m-agent, .m-country {
color: var(--text);
font-size: 9px;
font-size: 10px;
font-family: var(--mono);
margin-left: auto
}
@@ -766,7 +782,7 @@
justify-content: space-between;
margin-top: 5px;
font-family: var(--mono);
font-size: 10px;
font-size: 11px;
color: var(--text)
}
@@ -787,7 +803,7 @@
justify-content: space-between;
gap: 10px;
margin-top: 5px;
font-size: 9px;
font-size: 10px;
color: var(--text);
}
@@ -810,7 +826,7 @@
}
.chart-lbl {
font-size: 9px;
font-size: 10px;
color: var(--text);
font-family: var(--mono);
margin-bottom: 3px;
@@ -1178,7 +1194,7 @@
props: ['cpu', 'memory', 'info', 'isOn'],
template: `<div class="sec" style="display:flex;flex-direction:column;justify-content:space-between;height:100%">
<div>
<div class="sec-tt">CPU · <span class="hl">{{ cpuModel }}</span></div>
<div class="sec-tt">CPU · <span class="hl" style="font-size:8px">{{ cpuModel }}</span></div>
<div style="display:flex;align-items:center;gap:8px;margin-bottom:4px">
<span class="value" style="font-size:10px;white-space:nowrap;color:var(--dim)">{{ pc }}/{{ lc }}</span>
<span class="value" :style="{color:tempColor,fontSize:'10px',whiteSpace:'nowrap'}">{{ tmpStr }}</span>
@@ -1279,7 +1295,7 @@
<div class="gb-top"><span class="gb-temp" :style="{color:tmpColor(g)}">{{ tmpStr(g) }}</span>
<span class="gb-fan"><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2v4m0 12v4m-7.07-3.93l2.83-2.83m8.48-8.48l2.83-2.83M2 12h4m12 0h4M4.93 4.93l2.83 2.83m8.48 8.48l2.83 2.83"/></svg>{{ fanStr(g) }}</span></div>
<div class="gb-bar"><div class="gb-fill" :style="{width:(g.load_percent||0).toFixed(0)+'%',background:pColor(g.load_percent||0)}"></div><span class="gb-pct">{{ (g.load_percent||0).toFixed(0) }}%</span></div>
<div class="gb-info"><span style="color:var(--dim)">{{ vramStr(g) }}</span><span style="color:var(--text)">{{ Math.round(g.power||0) }}W</span></div>
<div class="gb-info"><span style="color:var(--dim)">{{ Math.round(g.core_clock_mhz||0) }}MHz</span><span style="color:var(--text)">{{ Math.round(g.power||0) }}W</span></div>
</div>
</a-popover>
</div></div></div>`,
@@ -1377,8 +1393,10 @@
<div class="m-shares"><span class="m-sh valid">{{ mining.valid||0 }} 有效</span>
<span class="m-sh stale">{{ mining.stale||0 }} 过期</span><span class="m-sh invalid">{{ mining.invalid||0 }} 无效</span></div>
<div class="m-times"><span>活跃 <span class="v">{{ fmtMsTs(mining.last_active) }}</span></span>
<span>开始 <span class="v">{{ fmtMsTs(mining.opened_at) }}</span></span></div>
<div class="m-times" style="display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;font-size:10px">
<span style="color:var(--dim)">开始</span><span style="color:var(--dim)">活跃</span>
<span class="v">{{ fmtMsTs(mining.opened_at) }}</span><span class="v">{{ fmtMsTs(mining.last_active) }}</span>
</div>
</div></div><div v-else class="sec mining-sec"><div class="sec-tt" style="color:var(--dim)">暂无矿池数据</div></div>`,
computed: {
coin: function () {