Further improvements to Galleries

components/css/styles.css

@@ -309,9 +309,13 @@
   }
 
   .carousel {
-    height: 100%
+    
   }
 
   .carousel-item {
     display: block
   }
+
+  .carousel-item img {
+    max-height: 667px;
+  }

components/gallerycarousel.js

@@ -31,8 +31,7 @@ const GalleryCarousel = ({galleryImages, basepath, gallery}) => {
                                   alt={item.attributes.Title}
                                   ></Image></Link>
                 <Carousel.Caption >
-                  <h3>{item.title}</h3>
+                  <h3>{item.attributes.Title}</h3>
-                  <p>{item.body}</p>
                 </Carousel.Caption>
               </Carousel.Item>
                 )

pages/gallery/[gallery].js

@@ -19,6 +19,8 @@ export async function getServerSideProps(context) {
 
     const galleryImages = await getGalleryImages(context.params.gallery, page, 9)
 
+    console.log(galleryImages)
+
     const { serverRuntimeConfig } = getConfig()
 
     const pagedata = {