css

themes/modern2/assets/new/scripts/core/article.js

@@ -204,6 +204,12 @@ const articleSwiper = new Swiper(".articleSwiper", {
   },
 });
 
+if (articleSwiper.slides.length < 20) {
+  document.querySelector(".article-prev").style.display = "none";
+  document.querySelector(".article-next").style.display = "none";
+  articleSwiper.disable();
+}
+
 const articleBottomSwiper = new Swiper(".articleBottomSwiper", {
   slidesPerView: 1,
   spaceBetween: 0,

themes/modern2/assets/new/styles/_main.scss

@@ -9,7 +9,7 @@
 .main-advert {
   a {
     display: block;
-    @include imgStyle($objFit: cover);
+    @include imgStyle($objFit: contain);
   }
 }
 
@@ -101,6 +101,9 @@
   }
 }
 @media screen and (max-width: 700px) {
+  .main-advert a img {
+    object-fit: contain;
+  }
   .main-advert {
     a {
       max-height: 13rem;

themes/modern2/assets/new/styles/affiche/_affiche-item.scss

@@ -28,7 +28,7 @@
   align-self: center;
 }
 .affiche-item-top {
-  @include grid(false, 64% auto);
+  @include grid(false, 50% auto);
   gap: 1.8rem;
 
   .affiche-item-data {

themes/modern2/assets/new/styles/affiche/_affiche-main.scss

@@ -12,7 +12,7 @@
 .affiche-item-data-row {
   @include flex;
   align-items: center;
-  gap: 1.6rem;
+  gap: 0.8rem;
 
   span {
     font-size: 1.7rem;
@@ -20,12 +20,12 @@
 }
 
 .affiche-item-data-img {
-  width: 1.3rem;
-  height: 1.3rem;
+  width: 2rem;
+  height: 2rem;
 
   img {
-    width: 1.3rem;
-    height: 1.3rem;
+    width: 2rem;
+    height: 2rem;
     object-fit: contain;
   }
 }

themes/modern2/assets/new/styles/main/_main-news.scss

@@ -156,12 +156,6 @@
   }
 }
 
-.mainAdvertSwiper {
-  .swiper-slide {
-    height: 17rem;
-  }
-}
-
 .photoScrollerSwiper {
   width: 100%;
   height: 100%;

themes/modern2/assets/new/styles/style.css

@@ -591,8 +591,8 @@ a {
 .main-advert a img {
   width: 100%;
   height: 100%;
-  -o-object-fit: cover;
-     object-fit: cover;
+  -o-object-fit: contain;
+     object-fit: contain;
 }
 
 .bannerSwiper .swiper-slide {
@@ -700,6 +700,10 @@ a {
   }
 }
 @media screen and (max-width: 700px) {
+  .main-advert a img {
+    -o-object-fit: contain;
+       object-fit: contain;
+  }
   .main-advert a {
     max-height: 13rem;
   }
@@ -871,10 +875,6 @@ a {
   transition: 0.3s all ease;
 }
 
-.mainAdvertSwiper .swiper-slide {
-  height: 17rem;
-}
-
 .photoScrollerSwiper {
   width: 100%;
   height: 100%;
@@ -2511,19 +2511,19 @@ a {
   display: flex;
   flex-direction: row;
   align-items: center;
-  gap: 1.6rem;
+  gap: 0.8rem;
 }
 .affiche-item-data-row span {
   font-size: 1.7rem;
 }
 
 .affiche-item-data-img {
-  width: 1.3rem;
-  height: 1.3rem;
+  width: 2rem;
+  height: 2rem;
 }
 .affiche-item-data-img img {
-  width: 1.3rem;
-  height: 1.3rem;
+  width: 2rem;
+  height: 2rem;
   -o-object-fit: contain;
      object-fit: contain;
 }
@@ -2597,7 +2597,7 @@ a {
 
 .affiche-item-top {
   display: grid;
-  grid-template-columns: 64% auto;
+  grid-template-columns: 50% auto;
   gap: 1.8rem;
 }
 .affiche-item-top .affiche-item-data {