carousel size adjustment

efdevcon · Apr 4, 2024 · 9048055 · 9048055
1 parent 1ef301e
commit 9048055
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/devcon/src/components/common/carousel/Carousel.tsx b/devcon/src/components/common/carousel/Carousel.tsx
@@ -6,6 +6,7 @@ import InfiniteScroll from 'lib/components/infinite-scroll/infinite-scroll'
 type CarouselProps = {
   title?: string
   noAnimation?: boolean
+  marqueeClassName?: string
   speed?: number
   images: {
     src: any
@@ -27,7 +28,11 @@ export function Carousel(props: CarouselProps) {
       </div>
 
       <div className={imagesClassName}>
-        <InfiniteScroll nDuplications={2} speed={`${props.speed || 300}s`} marqueeClassName="h-[19rem]">
+        <InfiniteScroll
+          nDuplications={2}
+          speed={`${props.speed || 300}s`}
+          marqueeClassName={props.marqueeClassName || `h-[38rem]`}
+        >
           {props.images.map((image, index) => {
             return <Image key={index + 'first'} src={image.src} alt={image.alt} />
           })}

diff --git a/devcon/src/pages/road-to-devcon.tsx b/devcon/src/pages/road-to-devcon.tsx
@@ -653,9 +653,10 @@ const EventsTable = React.memo(({ events, pages }: any) => {
 
 const Gallery = React.memo(() => {
   return (
-    <div id="communities" className="expand py-8 pb-16">
+    <div id="communities" className="expand py-8">
       <Carousel
         speed={150}
+        marqueeClassName="h-[19rem]"
         images={[
           {
             alt: 'Community 1',