feat: styles for gallery in process...

LesiaUKR · Aug 26, 2024 · 2be707f · 2be707f
1 parent 4effeaa
commit 2be707f
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 4 deletions.
diff --git a/src/js/gallery_swiper.js b/src/js/gallery_swiper.js
@@ -5,13 +5,32 @@ let gallerySwiper = new Swiper('.gallery-swiper', {
 
   slidesPerView: 1, // Показувати один слайд
   centeredSlides: true, // Центрувати активний слайд
-
   spaceBetween: 16,
+  simulateTouch: true,
+  // Чувствительность свайпа
+  touchRatio: 1,
+  // Угол срабатывания свайпа/перетаскивания
+  touchAngle: 45,
+  grabCursor: true,
+
+  // Управление клавиатурой
+  keyboard: {
+    // Включить\выключить
+    enabled: true,
+    // Включить\выключить
+    // только когда слайдер
+    // в пределах вьюпорта
+    onlyInViewport: true,
+    // Включить\выключить
+    // управление клавишами
+    // pageUp, pageDown
+    pageUpDown: true,
+  },
 
   breakpoints: {
     1440: {
       slidesPerView: 1,
-      spaceBetween: 110,
+      spaceBetween: 112,
 
       navigation: {
         nextEl: '.gallery-swiper-button-prev',

diff --git a/src/scss/common/_reset.scss b/src/scss/common/_reset.scss
@@ -8,7 +8,7 @@ html {
 *::before,
 *::after {
   box-sizing: inherit;
-  outline: 1px solid red;
+  // outline: 1px solid red;
 }
 
 body {

diff --git a/src/scss/gallery.scss b/src/scss/gallery.scss
@@ -2,7 +2,7 @@
   // background-color: $_brown_color;
   overflow: hidden;
   border-radius: 16px;
-  padding: 0px 0px 40px 0px;
+  padding: 2px 2px 40px 2px;
   @include media(desktop) {
     position: relative;
     width: 1296px;