svelte-gallery
svelte-gallery copied to clipboard
rowHeight parameter not working?
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>
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
No worries. I'm using something else this time so all good for now. I'll check out bokeh.