Minor spacing fixes

canopas · Sep 22, 2023 · 9645d2f · 9645d2f
1 parent ac66ea0
commit 9645d2f
Showing 1 changed file with 12 additions and 10 deletions.
diff --git a/vue-frontend/src/components/ios-app-development/SuccessStory.vue b/vue-frontend/src/components/ios-app-development/SuccessStory.vue
@@ -88,8 +88,8 @@
           disableOnInteraction: false,
         }"
         :breakpoints="{
-          '1200': {
-            slidesPerView: 1.3,
+          '1400': {
+            slidesPerView: 1.2,
             spaceBetween: 30,
           },
           '1700': {
@@ -99,15 +99,16 @@
           '2200': {
             slidesPerView: 1.3,
           },
-          '2450': {
-            slidesPerView: 1.2,
+
+          '3840': {
+            slidesPerView: 1.1,
           },
         }"
         :allowTouchMove="false"
-        :spaceBetween="20"
+        :spaceBetween="40"
         :pagination="pagination"
         :modules="modules"
-        class="swiper-container tw-basis-[116rem] lg:tw-basis-[130rem] xl:tw-basis-[150rem] xll:tw-basis-[175rem] 3xl:tw-basis-[134rem] 2xl:!tw-pl-32"
+        class="swiper-container tw-basis-[116rem] lg:tw-basis-[156rem] xl:tw-basis-[170rem] xll:tw-basis-[] 3xl:tw-basis-[170rem]"
       >
         <swiper-slide
           v-for="(client, index) in clients"
@@ -155,17 +156,18 @@
           disableOnInteraction: false,
         }"
         :breakpoints="{
-          '1200': {
+          '1400': {
             slidesPerView: 1.28,
           },
           '1700': {
             slidesPerView: 1.3,
             spaceBetween: 0,
           },
           '2200': {
-            slidesPerView: 1.4,
+            slidesPerView: 1.2,
           },
-          '2450': {
+
+          '3840': {
             slidesPerView: 1.2,
           },
         }"
@@ -180,7 +182,7 @@
           class="tw-flex tw-justify-center tw-items-center"
         >
           <div
-            class="tw-p-4 xl:tw-mr-8 2xll:tw-mr-0 xl:tw-p-6 2xll:tw-p-12 tw-font-inter-medium tw-text-black-core/[0.87] tw-text-[1.4375rem] lg:tw-text-[1.75rem] tw-leading-[2.15625rem] lg:tw-leading-[2.625rem] tw-transition-all tw-ease tw-duration-500 !tw-tracking-[-2%]"
+            class="tw-p-4 xl:tw-mr-8 2xll:tw-mr-0 xl:tw-p-6 2xll:tw-p-12 xll:tw-p-0 xll:tw-ml-7 tw-font-inter-medium tw-text-black-core/[0.87] tw-text-[1.4375rem] lg:tw-text-[1.75rem] tw-leading-[2.15625rem] lg:tw-leading-[2.625rem] tw-transition-all tw-ease tw-duration-500 !tw-tracking-[-2%]"
           >
             {{ client.review }}
           </div>