Fix gallery styling

This commit is contained in:
WithoutPants 2026-02-04 14:27:33 +11:00
parent c2c77e6966
commit 98a3cf5abf
3 changed files with 12 additions and 17 deletions

View file

@ -79,20 +79,18 @@ const GalleryList: React.FC<{
}
if (filter.displayMode === DisplayMode.Wall) {
return (
<div className="row">
<div className={`GalleryWall zoom-${filter.zoomIndex}`}>
{galleries.map((gallery) => (
<GalleryWallCard
key={gallery.id}
gallery={gallery}
selected={selectedIds.has(gallery.id)}
onSelectedChanged={(selected, shiftKey) =>
onSelectChange(gallery.id, selected, shiftKey)
}
selecting={selectedIds.size > 0}
/>
))}
</div>
<div className={`GalleryWall zoom-${filter.zoomIndex}`}>
{galleries.map((gallery) => (
<GalleryWallCard
key={gallery.id}
gallery={gallery}
selected={selectedIds.has(gallery.id)}
onSelectedChanged={(selected, shiftKey) =>
onSelectChange(gallery.id, selected, shiftKey)
}
selecting={selectedIds.size > 0}
/>
))}
</div>
);
}

View file

@ -229,7 +229,6 @@ div.GalleryWall {
display: flex;
flex-wrap: wrap;
margin: 0 auto;
width: 96vw;
/* Prevents last row from consuming all space and stretching images to oblivion */
&::after {

View file

@ -526,8 +526,6 @@ textarea.text-input {
}
.zoom-1 {
width: 320px;
.gallery-card-image,
.tag-card-image {
height: 240px;