Add mt-3 to all stats className assignments

This commit is contained in:
2026-02-26 19:10:33 +07:00
parent f791798044
commit cd16edd486

View File

@@ -721,19 +721,19 @@ function updateHostRow(host, index) {
` <span class="text-gray-500">/</span> ` + ` <span class="text-gray-500">/</span> ` +
`<span class="text-gray-400">max </span><span class="${latencyClass(max, "online")}">${max}ms</span>`; `<span class="text-gray-400">max </span><span class="${latencyClass(max, "online")}">${max}ms</span>`;
statusEl.className = statusEl.className =
"status-text text-xs whitespace-nowrap text-right col-span-2"; "status-text text-xs whitespace-nowrap text-right col-span-2 mt-3";
} else if (host.status === "offline") { } else if (host.status === "offline") {
statusEl.textContent = "unreachable"; statusEl.textContent = "unreachable";
statusEl.className = statusEl.className =
"status-text text-xs text-red-400 whitespace-nowrap text-right col-span-2"; "status-text text-xs text-red-400 whitespace-nowrap text-right col-span-2 mt-3";
} else if (host.status === "error") { } else if (host.status === "error") {
statusEl.textContent = "timeout"; statusEl.textContent = "timeout";
statusEl.className = statusEl.className =
"status-text text-xs text-orange-400 whitespace-nowrap text-right col-span-2"; "status-text text-xs text-orange-400 whitespace-nowrap text-right col-span-2 mt-3";
} else { } else {
statusEl.textContent = "connecting..."; statusEl.textContent = "connecting...";
statusEl.className = statusEl.className =
"status-text text-xs text-gray-500 whitespace-nowrap text-right col-span-2"; "status-text text-xs text-gray-500 whitespace-nowrap text-right col-span-2 mt-3";
} }
SparklineRenderer.draw(canvas, host.history); SparklineRenderer.draw(canvas, host.history);
@@ -1045,7 +1045,7 @@ function greyOutUI(state) {
if (statusEl) { if (statusEl) {
statusEl.textContent = "paused"; statusEl.textContent = "paused";
statusEl.className = statusEl.className =
"status-text text-xs text-gray-500 whitespace-nowrap text-right col-span-2"; "status-text text-xs text-gray-500 whitespace-nowrap text-right col-span-2 mt-3";
} }
// Grey out the status dot // Grey out the status dot
const row = document.querySelector(`.host-row[data-index="${i}"]`); const row = document.querySelector(`.host-row[data-index="${i}"]`);