Add mt-3 to all stats className assignments
This commit is contained in:
10
src/main.js
10
src/main.js
@@ -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}"]`);
|
||||||
|
|||||||
Reference in New Issue
Block a user