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

CW-images-gallery-fix
daostack · Oct 29, 2024 · 623cbf4 · 623cbf4
2 parents 6b3cf10 + b8ba32f
commit 623cbf4
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git 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
@@ -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">