diff --git a/src/shared/ui-kit/ImageGallery/components/ImageGalleryModal/ImageGalleryModal.scss b/src/shared/ui-kit/ImageGallery/components/ImageGalleryModal/ImageGalleryModal.scss index 3725682ce..13cf0af5f 100644 --- a/src/shared/ui-kit/ImageGallery/components/ImageGalleryModal/ImageGalleryModal.scss +++ b/src/shared/ui-kit/ImageGallery/components/ImageGalleryModal/ImageGalleryModal.scss @@ -122,6 +122,7 @@ .image-gallery-modal { .modal__content { padding: 0; + padding-bottom: 2rem; .modal__header-wrapper { .modal__header--default-padding { margin-right: 0.5rem; diff --git a/src/shared/ui-kit/ImageGallery/components/ImageGalleryModal/ImageGalleryModal.tsx b/src/shared/ui-kit/ImageGallery/components/ImageGalleryModal/ImageGalleryModal.tsx index a6b377232..3f15bbe6c 100644 --- a/src/shared/ui-kit/ImageGallery/components/ImageGalleryModal/ImageGalleryModal.tsx +++ b/src/shared/ui-kit/ImageGallery/components/ImageGalleryModal/ImageGalleryModal.tsx @@ -8,6 +8,8 @@ import RightArrowIcon from "@/shared/icons/rightArrow.icon"; import { VideoEmbed } from "@/shared/ui-kit/VideoEmbed"; import "./ImageGalleryModal.scss"; import "swiper/components/pagination/pagination.min.css"; +import 'swiper/swiper-bundle.min.css'; + interface ImageGalleryProps { images: string[]; @@ -58,6 +60,9 @@ const ImageGalleryModal: FC = (props) => { pagination initialSlide={initialSlide} allowTouchMove={isTabletView} + direction="horizontal" + centeredSlides + slidesPerView={1} > {videoSrc && (