optovia/webapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Use Card components instead of buttons for product selection
All checks were successful
Build Docker Image / build (push) Successful in 4m30s
Details

Browse Source
This commit is contained in:
Ruslan Bakiev
2026-01-14 23:34:34 +07:00
parent c780c638ba
commit 1c19e5cb78
1 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
app/pages/catalog/hubs/[id].vue
View File

@@ -43,16 +43,18 @@
</template> </template>
<template #filters> <template #filters>
<div class="flex gap-2 flex-wrap"> <div class="flex gap-3 overflow-x-auto pb-2">
<button <Card
v-for="product in products" v-for="product in products"
:key="product.uuid" :key="product.uuid"
class="btn btn-sm" padding="sm"
:class="selectedProductUuid === product.uuid ? 'btn-primary' : 'btn-outline'" interactive
class="min-w-32 cursor-pointer shrink-0"
:class="selectedProductUuid === product.uuid ? 'ring-2 ring-primary' : ''"
@click="selectedProductUuid = product.uuid" @click="selectedProductUuid = product.uuid"
> >
{{ product.name }} <Text weight="semibold" size="sm">{{ product.name }}</Text>
</button> </Card>
</div> </div>
</template> </template>