changed product grid structure

2025-06-04 19:12:03 +03:30
parent 632a8e46e5
commit fac7af51ae
1 changed files with 14 additions and 10 deletions
@@ -34,9 +34,12 @@ withDefaults(defineProps<Props>(), {
            </NuxtLink>
        </div>
        <ul class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-y-8 gap-5 sm:gap-8">
-            <ProductCard
+            <li
+                class="w-full"
                v-for="product in products"
                :key="product.id"
+            >
+                <ProductCard
                    :id="product.id"
                    :slug="product.slug"
                    :title="product.name"
@@ -46,6 +49,7 @@ withDefaults(defineProps<Props>(), {
                    :rate="product.rating"
                    :dark-layer="true"
                />
+            </li>
        </ul>
    </section>
 </template>