swiper images height

2024-04-21 18:29:43 +02:00
parent 4c537bf529
commit d89f8d2ae2
9 changed files with 50 additions and 12 deletions
--- a/user/themes/ateliers-55/sass/styles.scss
+++ b/user/themes/ateliers-55/sass/styles.scss
@@ -61,6 +61,10 @@ $bgColor: #fff;
    }
 }

+body {
+    overflow-x: hidden;
+}
+
 header {
    display: flex;
    width: 100vw;
@@ -319,7 +323,6 @@ article {
            }
        }
        .swiper {
-            max-height: 40vh;
            overflow: hidden;
            opacity: 0;
            transition: opacity 0.3s ease-out;
@@ -328,10 +331,17 @@ article {
                    display: flex;
                    justify-content: center;
                    padding: 0 7vw;
+                    display: flex;
+                    height: auto;
+                    align-items: center;
                    img {
                        box-sizing: content-box;
                        width: 100%;
                    }
+                    video {
+                        box-sizing: content-box;
+                        width: 100%;
+                    }
                }
            }
            .swiper-button-prev, .swiper-button-next {