[feat] better carousel handling, and also fixed the fullscreen packag…

…e (currently manual patch, waiting for metafizzy/flickity-fullscreen#33)
nkalupahana · Jan 4, 2022 · 9b3ef82 · 9b3ef82
1 parent f2ec9bb
commit 9b3ef82
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/src/components/ImageCarousel.jsx b/src/components/ImageCarousel.jsx
@@ -22,7 +22,7 @@ const ImageCarousel = ({ files }) => {
 
     return (
         <>
-            { accessURLs && <Flickity className="carousel-mods" reloadOnUpdate={true} options={{"wrapAround": true, "adaptiveHeight": true, "fullscreen": true}}>
+            { accessURLs && <Flickity className="carousel-mods" reloadOnUpdate={false} options={{"wrapAround": true, "adaptiveHeight": true, "fullscreen": true}}>
                 { accessURLs.map(url => <div key={url} style={{"display": "flex", "alignItems": "center", "justifyContent": "center"}}><img alt="User-attached for mood log" src={url} /></div>)}
             </Flickity> }
         </>

diff --git a/src/components/MoodLogCard.css b/src/components/MoodLogCard.css
@@ -36,6 +36,7 @@
     grid-column-start: 1;
     grid-column-end: 3;
     margin-bottom: 30px;
+    min-height: 100px;
 }
 
 .carousel-mods.is-fullscreen > div > div > div {