diff --git a/cmd/server/templates/index.html b/cmd/server/templates/index.html index 0dae48b..ea15222 100644 --- a/cmd/server/templates/index.html +++ b/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; - 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: `