filipriec/kompress_eshop
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

width of the cards is the same now

Browse Source
This commit is contained in:
Priec
2026-06-26 20:30:34 +02:00
parent 1fc8796389
commit ba02930454
3 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
assets/views/shop/_product_grid.html
View File

@@ -2,7 +2,10 @@
wrapper in _search.html (it persists across htmx swaps and is shared with the
sort + view-toggle row); `_card.html` reads the same `view` to switch its own
layout between a vertical card and a horizontal row. #}
<div :class="view === 'list' ? 'flex flex-col gap-5' : 'grid grid-cols-2 gap-5 sm:grid-cols-3 xl:grid-cols-4'">
{# Fixed-width cards (14rem) — same as the home page. Cards never stretch; the row
just fits as many as the width allows. This keeps a card the exact same width on
the shop and the home page regardless of how many columns fit. #}
<div :class="view === 'list' ? 'flex flex-col gap-5' : 'grid grid-cols-2 gap-5 sm:grid-cols-[repeat(auto-fill,14rem)] sm:justify-center'">
{% for product in products %}
{% include "shop/_card.html" %}
{% endfor %}