Merge pull request #2757 from daostack/CW-images-gallery-fix

CW-images-gallery-fix

Author: MeyerPV

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;

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<ImageGalleryProps> = (props) => {
           pagination
           initialSlide={initialSlide}
           allowTouchMove={isTabletView}
+          direction="horizontal"
+          centeredSlides
+          slidesPerView={1}
         >
           {videoSrc && (
             <SwiperSlide key={videoSrc} className="slider-wrapper">