svelte-gallery icon indicating copy to clipboard operation
svelte-gallery copied to clipboard

rowHeight parameter not working?

Open benneynens opened this issue 2 years ago • 2 comments

Adjusting the rowHeight parameter on the component doesn't seem to work for me. Ie. changing the 150 below to any other number doesn't affect display of the gallery.

<script>
    import Gallery from 'svelte-gallery';
  
    let i1 = 'https://images.unsplash.com/photo-1506973035872-a4ec16b8e8d9?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80';
    let i2 = 'https://images.unsplash.com/photo-1657483905511-00dd4555830e?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80';
    let i3 = 'https://images.unsplash.com/photo-1657478489007-622432856a86?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1469&q=80'

    const images = [
      { src: i1, width: 1470, height: 980 },
      { src: i2, width: 687, height: 1031 },
      { src: i3, width: 1469, height: 981 },
    ];
  </script>
  
<div class="max-w-7xl">
    <Gallery {images} rowHeight={150} gutter={2} />

</div>

benneynens avatar Jul 11 '22 03:07 benneynens

Odd! I’ll look into it when I get a chance, I’ve actually rebuilt this component from scratch and will be open sourcing it under https://github.com/heybokeh, might be easier to just make that a priority. I’ll update here if and when that’s done as well

madeleineostoja avatar Jul 11 '22 20:07 madeleineostoja

No worries. I'm using something else this time so all good for now. I'll check out bokeh.

benneynens avatar Jul 18 '22 06:07 benneynens