Add grid layout for catalog cards + hover shadow
All checks were successful
Build Docker Image / build (push) Successful in 4m8s

- CatalogPage: added gridColumns prop (1/2/3 columns)
- Card: added hover:shadow-lg on interactive cards
- Products, hubs, suppliers pages now use 3-column grid
- Offers remain full-width (gridColumns=1 default)
This commit is contained in:
Ruslan Bakiev
2026-01-22 08:54:31 +07:00
parent 631effdde4
commit 796204b3cd
6 changed files with 24 additions and 8 deletions

View File

@@ -3,6 +3,7 @@
:items="displayItems"
:map-items="itemsWithCoords"
:loading="isLoading"
:grid-columns="3"
with-map
use-server-clustering
map-id="hubs-map"

View File

@@ -3,6 +3,7 @@
:items="filteredHubs"
:loading="isLoading"
:total-count="hubs.length"
:grid-columns="3"
with-map
use-server-clustering
cluster-node-type="logistics"

View File

@@ -3,6 +3,7 @@
:items="filteredProducts"
:loading="isLoading"
:total-count="products.length"
:grid-columns="3"
with-map
use-server-clustering
cluster-node-type="offer"

View File

@@ -3,6 +3,7 @@
:items="displayItems"
:map-items="itemsWithCoords"
:loading="isLoading"
:grid-columns="3"
with-map
map-id="suppliers-map"
point-color="#3b82f6"