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

cmd/server/templates/index.html

@@ -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;
+            font-size: 9px;
-            padding: 0 6px;
+            padding: 0 7px;
-            line-height: 18px;
+            line-height: 20px;
             border-radius: 8px
         }
 
@@ -479,9 +495,9 @@
             background: rgba(255, 64, 96, .1);
             color: var(--danger);
             border: none;
-            font-size: 8px;
+            font-size: 9px;
-            padding: 0 6px;
+            padding: 0 7px;
-            line-height: 18px;
+            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>
+        <div class="m-times" style="display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;font-size:10px">
-        <span>开始 <span class="v">{{ fmtMsTs(mining.opened_at) }}</span></span></div>
+            <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 () {