Fix host row: min-width on name, fixed grid width, no clipping

- Name cell gets min-w-[200px] so titles don't over-truncate
- Grid is flex-shrink-0 at 420px so it never squeezes
- Removed overflow-hidden that was clipping the stats line
This commit is contained in:
2026-02-26 19:06:49 +07:00
parent f5327a11c1
commit dcdc2873a6

View File

@@ -553,8 +553,8 @@ function hostRowHTML(host, index, showPin = true) {
<div class="host-row bg-gray-800/50 rounded-lg p-2 border border-gray-700/50" data-index="${index}">
<div class="flex items-center gap-4 min-w-0">
${pinBtn}
<div class="w-[480px] flex-shrink min-w-0 overflow-hidden grid grid-cols-[minmax(0,1fr)_auto] items-baseline">
<div class="flex items-center gap-2 min-w-0">
<div class="w-[420px] flex-shrink-0 grid grid-cols-[minmax(0,1fr)_auto] items-baseline">
<div class="flex items-center gap-2 min-w-[200px]">
<div class="w-3 h-3 rounded-full flex-shrink-0" style="background-color: ${latencyHex(null)}"></div>
<span class="font-medium text-white truncate">${host.name}</span>
</div>