diff --git a/build.rar b/build.rar deleted file mode 100644 index b78dd72..0000000 Binary files a/build.rar and /dev/null differ diff --git a/src/components/animationComponent/animationComponent.css b/src/components/animationComponent/animationComponent.css index b5cf9a0..78ad961 100644 --- a/src/components/animationComponent/animationComponent.css +++ b/src/components/animationComponent/animationComponent.css @@ -206,8 +206,7 @@ } .title__caption { - font-size: 3.1vw; - width: 80%; + font-size: 4vw; } .animation-container { @@ -216,13 +215,13 @@ background-repeat: no-repeat; padding: 10px; background-repeat: no-repeat; - background-position: 1px 159px; + background-position: 1px 180px; background-size: contain; } .title { font-weight: 300; - font-size: 15vw; + font-size: 17.9vw; line-height: 80%; } diff --git a/src/components/swiper/swiper.css b/src/components/swiper/swiper.css index f78e96a..4c771d5 100644 --- a/src/components/swiper/swiper.css +++ b/src/components/swiper/swiper.css @@ -1,5 +1,3 @@ - - .image__slider { width: 100%; height: 100%; @@ -29,7 +27,6 @@ flex-direction: row; justify-content: space-between; gap: 304px - } .slider__info { @@ -114,6 +111,7 @@ .container1 { font-size: 17px; } + .pagination__container { grid-template-columns: 145px auto; @@ -125,6 +123,7 @@ display: block; } + .button__container { margin-left: 29px; margin-right: 29px; @@ -135,12 +134,22 @@ gap: 0; } + .swiper-wrapper {} + + .swiper-wrapper_image { + padding-left: 20px; + box-sizing: border-box; + + + } + + } @media screen and (max-width: 639px) { - + .button__container { gap: 0; @@ -152,5 +161,12 @@ } + .swiper-wrapper_image { + padding-left: 10px; + box-sizing: border-box; + + + } + } \ No newline at end of file diff --git a/src/components/swiper/swiper.tsx b/src/components/swiper/swiper.tsx index bec245d..c10eba7 100644 --- a/src/components/swiper/swiper.tsx +++ b/src/components/swiper/swiper.tsx @@ -51,19 +51,22 @@ export default function SwiperCentred(props: propsTypes) { } else if (size.width > 640) { return { width: "536px", height: "428px" }; } else { - return { width: "290px", height: "232px" }; + return { width: "290px", height: "232px" }; + } } + const swiperWrapper = document.querySelector('.swiper-wrapper')?.classList.add('swiper-wrapper_image') + return ( <> 1024 ? true : false} + spaceBetween={size.width > 640 ? 20 : 10} initialSlide={1} - slidesPerView={"auto"} + slidesPerView={'auto'} + loop={true} + loopedSlides={3} onSlideChangeTransitionEnd={updateCaption} modules={[Navigation, Pagination]} navigation={{