diff options
| author | Adam Malczewski <[email protected]> | 2026-06-28 20:59:37 +0900 |
|---|---|---|
| committer | Adam Malczewski <[email protected]> | 2026-06-28 20:59:37 +0900 |
| commit | 89956f09a45db8bdd302f49d4028c0acc92a58a2 (patch) | |
| tree | b72fc83b5ab418bb761bdb3d57af1d11b0873b9f /src/features/concurrency | |
| parent | f4820656476554fc94302757c2f7c15a875b5911 (diff) | |
| download | dispatch-web-89956f09a45db8bdd302f49d4028c0acc92a58a2.tar.gz dispatch-web-89956f09a45db8bdd302f49d4028c0acc92a58a2.zip | |
fix(concurrency): narrow inputs + tighten gap so provider name is visible
Diffstat (limited to 'src/features/concurrency')
| -rw-r--r-- | src/features/concurrency/ui/ConcurrencyLimitRow.svelte | 9 | ||||
| -rw-r--r-- | src/features/concurrency/ui/ConcurrencyView.svelte | 10 |
2 files changed, 10 insertions, 9 deletions
diff --git a/src/features/concurrency/ui/ConcurrencyLimitRow.svelte b/src/features/concurrency/ui/ConcurrencyLimitRow.svelte index a71e92e..bf06ac0 100644 --- a/src/features/concurrency/ui/ConcurrencyLimitRow.svelte +++ b/src/features/concurrency/ui/ConcurrencyLimitRow.svelte @@ -129,15 +129,16 @@ <div class="flex flex-col gap-1 rounded-box bg-base-200 p-2 text-sm"> <!-- Line 1: provider + limit + cooldown + Set + ✕ (all on one line — nowrap so - the buttons never wrap; the provider shrinks via flex-1 + min-w-0). --> - <div class="flex flex-nowrap items-center gap-2"> + the buttons never wrap; tight gap + narrow inputs keep the provider name + visible; the provider shrinks via flex-1 + min-w-0). --> + <div class="flex flex-nowrap items-center gap-1"> <span class="min-w-0 flex-1 truncate font-medium font-mono" title={limit.providerId} >{limit.providerId}</span > <input type="text" inputmode="numeric" - class="input input-bordered input-xs w-14 min-w-0 font-mono" + class="input input-bordered input-xs w-12 min-w-0 font-mono" aria-label={`Concurrency limit for ${limit.providerId}`} bind:value={limitDraft} oninput={onInput} @@ -146,7 +147,7 @@ <input type="text" inputmode="numeric" - class="input input-bordered input-xs w-20 min-w-0 font-mono" + class="input input-bordered input-xs w-14 min-w-0 font-mono" aria-label={`Release cooldown (ms) for ${limit.providerId}`} bind:value={cooldownDraft} oninput={onInput} diff --git a/src/features/concurrency/ui/ConcurrencyView.svelte b/src/features/concurrency/ui/ConcurrencyView.svelte index 9744c4e..aadb8d1 100644 --- a/src/features/concurrency/ui/ConcurrencyView.svelte +++ b/src/features/concurrency/ui/ConcurrencyView.svelte @@ -363,9 +363,9 @@ ✕ cancels the draft. --> {#if addOpen} <div class="flex flex-col gap-1 rounded-box bg-base-200 p-2 text-sm"> - <!-- All on one line — nowrap so the buttons never wrap (the provider - dropdown shrinks via flex-1 + min-w-0). --> - <div class="flex flex-nowrap items-center gap-2"> + <!-- All on one line — nowrap so the buttons never wrap (tight gap + narrow + inputs keep the provider dropdown visible; it shrinks via flex-1 + min-w-0). --> + <div class="flex flex-nowrap items-center gap-1"> <select class="select select-bordered select-xs min-w-0 flex-1 font-mono" aria-label="Provider" @@ -383,7 +383,7 @@ <input type="text" inputmode="numeric" - class="input input-bordered input-xs w-14 min-w-0 font-mono" + class="input input-bordered input-xs w-12 min-w-0 font-mono" placeholder="4" aria-label="New concurrency limit" bind:value={newLimitInput} @@ -392,7 +392,7 @@ <input type="text" inputmode="numeric" - class="input input-bordered input-xs w-20 min-w-0 font-mono" + class="input input-bordered input-xs w-14 min-w-0 font-mono" aria-label="New release cooldown (ms)" bind:value={newCooldownInput} disabled={adding} |