lint

nasa-jpl · May 28, 2024 · c82312d · c82312d
1 parent ae6ecdd
commit c82312d
Showing 1 changed file with 34 additions and 34 deletions.
diff --git a/packages/html/src/components/BlockImageCarousel/BlockImageCarousel.js b/packages/html/src/components/BlockImageCarousel/BlockImageCarousel.js
@@ -20,43 +20,43 @@ export const BlockImageCarouselTemplate = ({ images, galleryCoverImage, fancybox
   <div class="BlockImageCarousel w-full overflow-hidden ${
     galleryCoverImage ? `BlockImageGallery max-w-screen-3xl mx-auto` : ''
   }">
-      <div class="swiper">
-        <div class="swiper-wrapper">
-          ${
-            galleryCoverImage
-              ? BlockImageGalleryCoverTemplate({
-                  label: galleryCoverImage.label,
-                  title: galleryCoverImage.title,
-                  description: galleryCoverImage.description,
-                  fancyboxGallery: 'ImageGalleryName',
-                  image: galleryCoverImage.image
-                })
-              : ''
-          }
-          ${slides}
-        </div>
-        <div class="swiper-nav lg:block absolute inset-x-0 top-0 hidden h-0 overflow-hidden">
-          <div class="absolute inset-0">
-            <div class="absolute bottom-0 right-0 z-10 flex">
-              ${BaseButtonTemplate({
-                variant: 'primary',
-                cssClass: 'z-10 border-collapse px-1 py-2 swiper-prev xl:text-xl',
-                icon: 'prev',
-                label: 'Previous slide',
-                iconOnly: true
-              })}
-              ${BaseButtonTemplate({
-                variant: 'primary',
-                cssClass: 'z-10 border-collapse px-1 py-2 swiper-next xl:text-xl',
-                icon: 'next',
-                label: 'Next slide',
-                iconOnly: true
-              })}
-            </div>
+    <div class="swiper">
+      <div class="swiper-wrapper">
+        ${
+          galleryCoverImage
+            ? BlockImageGalleryCoverTemplate({
+                label: galleryCoverImage.label,
+                title: galleryCoverImage.title,
+                description: galleryCoverImage.description,
+                fancyboxGallery: 'ImageGalleryName',
+                image: galleryCoverImage.image
+              })
+            : ''
+        }
+        ${slides}
+      </div>
+      <div class="swiper-nav lg:block absolute inset-x-0 top-0 hidden h-0 overflow-hidden">
+        <div class="absolute inset-0">
+          <div class="absolute bottom-0 right-0 z-10 flex">
+            ${BaseButtonTemplate({
+              variant: 'primary',
+              cssClass: 'z-10 border-collapse px-1 py-2 swiper-prev xl:text-xl',
+              icon: 'prev',
+              label: 'Previous slide',
+              iconOnly: true
+            })}
+            ${BaseButtonTemplate({
+              variant: 'primary',
+              cssClass: 'z-10 border-collapse px-1 py-2 swiper-next xl:text-xl',
+              icon: 'next',
+              label: 'Next slide',
+              iconOnly: true
+            })}
           </div>
         </div>
-        <div class="swiper-pagination swiper-dots lg:hidden absolute top-0 w-full text-center"></div>
       </div>
+      <div class="swiper-pagination swiper-dots lg:hidden absolute top-0 w-full text-center"></div>
+    </div>
   </div>
   `
 }