msemes/PriceHunter
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Match price filter inputs to search bar style

Browse Source 
Same padding, rounded-lg, text-sm, focus ring as the filter input.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
mariosemes
2026-03-27 07:58:57 +01:00
parent 9f06449bae
commit a28b3e1e4d
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/client/src/routes/results/+page.svelte
View File

@@ -322,10 +322,10 @@
<div class="flex items-center gap-1.5 whitespace-nowrap"> <div class="flex items-center gap-1.5 whitespace-nowrap">
<span class="text-2xs text-text-tertiary">Price:</span> <span class="text-2xs text-text-tertiary">Price:</span>
<input type="number" bind:value={priceMin} placeholder="Min" step="0.01" min="0" <input type="number" bind:value={priceMin} placeholder="Min" step="0.01" min="0"
class="w-20 px-2 py-1.5 bg-surface-raised border border-surface-border rounded text-xs text-text-primary placeholder-text-tertiary focus:border-accent/50 focus:outline-none" /> class="w-24 px-3 py-2.5 bg-surface-raised border border-surface-border rounded-lg text-sm text-text-primary placeholder-text-tertiary focus:border-accent/50 focus:ring-1 focus:ring-accent/20 focus:outline-none transition-all" />
<span class="text-text-tertiary">–</span> <span class="text-text-tertiary">–</span>
<input type="number" bind:value={priceMax} placeholder="Max" step="0.01" min="0" <input type="number" bind:value={priceMax} placeholder="Max" step="0.01" min="0"
class="w-20 px-2 py-1.5 bg-surface-raised border border-surface-border rounded text-xs text-text-primary placeholder-text-tertiary focus:border-accent/50 focus:outline-none" /> class="w-24 px-3 py-2.5 bg-surface-raised border border-surface-border rounded-lg text-sm text-text-primary placeholder-text-tertiary focus:border-accent/50 focus:ring-1 focus:ring-accent/20 focus:outline-none transition-all" />
</div> </div>
<span class="text-xs text-text-tertiary whitespace-nowrap"> <span class="text-xs text-text-tertiary whitespace-nowrap">
{filteredAndSorted().length} of {results.length} {filteredAndSorted().length} of {results.length}