padreug/web-app
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

change 'Search businesses...' to 'Search...' and format

Browse source
This commit is contained in:
padreug 2025-02-02 18:48:57 +01:00
parent 5aa78205db
commit a8f214c50c
1 changed files with 5 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

19
src/components/directory/DirectoryFilter.vue
View file

@ -30,25 +30,14 @@ const categories = [
<div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
<Search class="h-5 w-5 text-muted-foreground" />
</div>
<Input
type="text"
:value="search"
@input="emit('update:search', ($event.target as HTMLInputElement).value)"
class="pl-10"
placeholder="Search businesses..."
/>
<Input type="text" :value="search" @input="emit('update:search', ($event.target as HTMLInputElement).value)"
class="pl-10" placeholder="Search..." />
</div>
<!-- Category Filter -->
<div class="flex gap-2 overflow-x-auto pb-2 md:pb-0">
<Button
v-for="cat in categories"
:key="cat.id"
@click="emit('update:category', cat.id)"
:variant="category === cat.id ? 'default' : 'secondary'"
size="sm"
class="rounded-full"
>
<Button v-for="cat in categories" :key="cat.id" @click="emit('update:category', cat.id)"
:variant="category === cat.id ? 'default' : 'secondary'" size="sm" class="rounded-full">
{{ cat.label }}
</Button>
</div>