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 | 1cdb866fbb708a1f6c5e802a075789cece85800d (patch) | |
| tree | a5fa4af956f8cbae230f3012114bf65ccbe66699 /src | |
| parent | 94fb3aa21538390f632305cc0c6f69007bee8f57 (diff) | |
| download | dispatch-web-1cdb866fbb708a1f6c5e802a075789cece85800d.tar.gz dispatch-web-1cdb866fbb708a1f6c5e802a075789cece85800d.zip | |
fix(concurrency): narrow inputs + tighten gap so provider name is visible
Diffstat (limited to 'src')
| -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} |