jedmund/jedmund-svelte
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix masonry gap

Browse source
This commit is contained in:
Justin Edmund 2025-06-16 13:32:16 +01:00
parent f540aed895
commit 5bd4c40342
2 changed files with 1 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/lib/components/MasonryPhotoGrid.svelte
View file

@ -15,7 +15,7 @@
// These values work well with our existing design // These values work well with our existing design
let minColWidth = 200 // Minimum column width in px let minColWidth = 200 // Minimum column width in px
let maxColWidth = 400 // Maximum column width in px let maxColWidth = 400 // Maximum column width in px
let gap = 24 // Gap between items (equivalent to $unit-3x) let gap = 16 // Gap between items (equivalent to $unit-2x)
// On tablet/phone, we want larger minimum widths // On tablet/phone, we want larger minimum widths
let windowWidth = $state(0) let windowWidth = $state(0)

1
src/lib/components/PhotoItem.svelte
View file

@ -88,7 +88,6 @@
<style lang="scss"> <style lang="scss">
.photo-item { .photo-item {
break-inside: avoid; break-inside: avoid;
margin-bottom: $unit-3x;
@include breakpoint('tablet') { @include breakpoint('tablet') {
margin-bottom: $unit-2x; margin-bottom: $unit-2x;