diff options
| author | Adam Malczewski <[email protected]> | 2026-06-01 11:39:59 +0900 |
|---|---|---|
| committer | Adam Malczewski <[email protected]> | 2026-06-01 11:39:59 +0900 |
| commit | 00922f6136ff0c6e047bb4a6165682f236971450 (patch) | |
| tree | ce5a10be86f7d0d626dd0d5524a5ea79f0f8f83d | |
| parent | 9ce127e558e0a77f1441b1242ce0a6ee7836bb76 (diff) | |
| download | dispatch-00922f6136ff0c6e047bb4a6165682f236971450.tar.gz dispatch-00922f6136ff0c6e047bb4a6165682f236971450.zip | |
fix(frontend): ClaudeReset — keep '11 AM' badge on one line
The marked-hour summary badge ('11 AM', '12 PM', etc.) wrapped after
the hour number when the trailing 'Probes …' text pushed against it,
so '11' sat on the first line and 'AM' dropped to the second — ugly
two-line badge.
Add 'whitespace-nowrap' (prevents the space between hour and meridiem
from breaking) and 'shrink-0' (so the badge never gets compressed
narrower than its content) to the badge span.
| -rw-r--r-- | packages/frontend/src/lib/components/ClaudeReset.svelte | 2 |
1 files changed, 1 insertions, 1 deletions
diff --git a/packages/frontend/src/lib/components/ClaudeReset.svelte b/packages/frontend/src/lib/components/ClaudeReset.svelte index fd71a10..eea8744 100644 --- a/packages/frontend/src/lib/components/ClaudeReset.svelte +++ b/packages/frontend/src/lib/components/ClaudeReset.svelte @@ -351,7 +351,7 @@ const pmRow2 = Array.from({ length: 6 }, (_, i) => i + 18); // 18–23 <div class="flex flex-col gap-0.5 mt-1"> {#each markedHours as hour} <div class="flex items-center gap-1.5 text-xs text-base-content/70"> - <span class="badge badge-xs badge-primary">{formatHour(hour)} {hour < 12 ? "AM" : "PM"}</span> + <span class="badge badge-xs badge-primary whitespace-nowrap shrink-0">{formatHour(hour)} {hour < 12 ? "AM" : "PM"}</span> <span>Probes {probeLabels} → reset by {formatAmPm(resetHour(hour))}</span> </div> {/each} |