Fix padding bug

2026-05-15 14:21:38 +03:30
parent 3ba2207ae4
commit 1a4a8870ba
2 changed files with 9 additions and 6 deletions
@@ -9,7 +9,7 @@ const { selectedVariant } = inject("productVariant") as ProductVariantProvideTyp
 </script>

 <template>
-    <section class="w-full container py-20 flex flex-col gap-y-[1.5rem]">
+    <section class="w-full container pt-20 flex flex-col gap-y-[1.5rem]">
        <div class="w-full flex">
            <span class="text-black max-lg:hidden typo-h-4 mb-4"> جزئیات محصول </span>
        </div>
@@ -56,12 +56,15 @@ if (productResponse.isError) {
        <ProductHero />
        <ProductVideo v-model:showChatButton="showChatButton" />
        <ProductDetails />
-        <ProductsSlider
-            title="محصولات مشابه"
-            :products="product!.related_products"
-            iconImage="/img/simulare-products-section.gif"
-        />
+        <div class="py-20">
+            <ProductsSlider
+                title="محصولات مشابه"
+                :products="product!.related_products"
+                iconImage="/img/simulare-products-section.gif"
+            />
+        </div>
        <ProductComments :product="product!" />
+
        <ChatButton :showChatButton="showChatButton" />
    </div>
 </template>