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

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

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