From c3eba232cc81e7fbc25745bbd0e3fdf4781ddf44 Mon Sep 17 00:00:00 2001 From: Antoine M Date: Tue, 22 Oct 2024 14:48:35 +0200 Subject: [PATCH] fixing downalod buttons --- src/assets/css/pages/Thematiques.scss | 14 ++++++++++++-- 1 file changed, 12 insertions(+), 2 deletions(-) diff --git a/src/assets/css/pages/Thematiques.scss b/src/assets/css/pages/Thematiques.scss index 2e21f39..58faa6d 100644 --- a/src/assets/css/pages/Thematiques.scss +++ b/src/assets/css/pages/Thematiques.scss @@ -30,7 +30,7 @@ .swiper-pagination { bottom: -100px !important; @screen md { - bottom: -120px !important; + bottom: -100px !important; } } @@ -77,6 +77,16 @@ .swiper-slide { @apply h-auto text-center; + + .cta--download { + @apply opacity-0 pointer-events-none transition-all duration-300; + } + } + + .swiper-slide-visible { + .cta--download { + @apply opacity-100 pointer-events-auto; + } } } @@ -114,7 +124,7 @@ } .cta--download { @apply w-fit text-4xl mx-auto absolute left-1/2; - transform: translate(-50%, 100%); + transform: translate(-50%, calc(100% + 40px)); transform-origin: 0 50%; } }