From 395911909b8af6790a43a9a8475c01749427f859 Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Sat, 22 Mar 2025 16:19:56 +0330
Subject: [PATCH] changed some style

---
 .../components/global/product-detail/ProductsSlider.vue     | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/components/global/product-detail/ProductsSlider.vue b/frontend/components/global/product-detail/ProductsSlider.vue
index da09865..c8af456 100644
--- a/frontend/components/global/product-detail/ProductsSlider.vue
+++ b/frontend/components/global/product-detail/ProductsSlider.vue
@@ -33,7 +33,7 @@ const onSwiper = (swiper: SwiperClass) => {
 </script>
 
 <template>
-    <section class="w-full flex flex-col gap-10 md:gap-[4rem]">
+    <section class="w-full flex flex-col gap-10 md:gap-[4rem] lg:container">
         <div class="w-full flex justify-between items-center max-lg:container">
             <span class="text-black typo-h-6 md:typo-h-5 lg:typo-h-4">
                 {{ title }}
@@ -91,11 +91,11 @@ const onSwiper = (swiper: SwiperClass) => {
                 :breakpoints="{
                     640: {
                         centeredSlides: true,
-                        slidesPerView: 2.5,
+                        slidesPerView: 3,
                     },
                     1024: {
                         centeredSlides: false,
-                        slidesPerView: 3,
+                        slidesPerView: 4,
                     },
                 }"
             >