Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

rowHeight parameter not working? #2

Open
benneynens opened this issue Jul 11, 2022 · 2 comments
Open

rowHeight parameter not working? #2

benneynens opened this issue Jul 11, 2022 · 2 comments

Comments

@benneynens
Copy link

benneynens commented Jul 11, 2022

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>
@madeleineostoja
Copy link
Owner

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

@benneynens
Copy link
Author

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants