diff options
| author | Wolfgang Müller | 2025-02-20 16:57:56 +0100 |
|---|---|---|
| committer | Wolfgang Müller | 2025-02-21 12:12:48 +0100 |
| commit | 693f2d3c9b15216ea6eaa502e53c4b17ff8fd99e (patch) | |
| tree | 786fa71522481b1668a354369edf0121457aa797 | |
| parent | 000a1e8a33ac3f1dea00ca21aac0f1771a0325f0 (diff) | |
| download | hircine-693f2d3c9b15216ea6eaa502e53c4b17ff8fd99e.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> |