diff options
| author | Wolfgang Müller | 2025-02-20 16:57:56 +0100 |
|---|---|---|
| committer | Wolfgang Müller | 2025-02-20 19:54:14 +0100 |
| commit | bb3d77d615c33066b482b2f9714737daa66a8f15 (patch) | |
| tree | a98a0b9e2ab838dd6e11685d78242abe1d7f33d6 | |
| parent | b028f5337ed8525e29247974636f9e7757900f65 (diff) | |
| download | hircine-bb3d77d615c33066b482b2f9714737daa66a8f15.tar.gz | |
frontend: Use explicit placeholder for filter fields
Instead of showing the generic "Select..." placeholder, use a more
specific "Include..." or "Exclude..." placeholder.
| -rw-r--r-- | frontend/src/lib/filter/components/Filter.svelte | 3 |
1 files changed, 2 insertions, 1 deletions
diff --git a/frontend/src/lib/filter/components/Filter.svelte b/frontend/src/lib/filter/components/Filter.svelte index 4ebbd7f..8264771 100644 --- a/frontend/src/lib/filter/components/Filter.svelte +++ b/frontend/src/lib/filter/components/Filter.svelte @@ -15,6 +15,7 @@ let { title, type, options, filter, accel, wide = false }: Props = $props(); let exclude = $derived(type === 'exclude'); + let placeholder = $derived(exclude ? 'Exclude...' : 'Include...'); const id = `${type}-${title.toLowerCase()}`; </script> @@ -64,5 +65,5 @@ </button> </div> </div> - <Select multi clearable {options} {id} bind:value={filter.values} /> + <Select multi clearable {placeholder} {options} {id} bind:value={filter.values} /> </div> |