canastack-admin
/
sw-fe
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Keep gallery row inside preview

This commit is contained in:
Your Name 2026-01-02 12:49:40 -05:00
parent 0010709b24
commit d6238e46bc
2 changed files with 15 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/Map/MapView.jsx
View File

@ -1718,18 +1718,18 @@ export default function MapView({
<span>{formatPreviewDate(draftPublishedAt)}</span> <span>{formatPreviewDate(draftPublishedAt)}</span>
) : null} ) : null}
</div> </div>
</div> {galleryItems.length > 0 && (
)} <div className="create-gallery-row create-gallery-overlay">
{galleryItems.length > 0 && ( {galleryItems.map((url, idx) => (
<div className="create-gallery-row"> <figure
{galleryItems.map((url, idx) => ( key={`${url}-${idx}`}
<figure className="create-gallery-item create-gallery-static"
key={`${url}-${idx}`} >
className="create-gallery-item create-gallery-static" <img src={url} alt={`Preview image ${idx + 1}`} />
> </figure>
<img src={url} alt={`Preview image ${idx + 1}`} /> ))}
</figure> </div>
))} )}
</div> </div>
)} )}
<textarea <textarea

4
src/styles/map.css
View File

@ -848,11 +848,13 @@
} }
.create-gallery-overlay{ .create-gallery-overlay{
position:absolute; position:absolute;
top:12px; left:12px;
right:12px; right:12px;
bottom:12px;
padding-bottom:0; padding-bottom:0;
background:rgba(15,23,42,0.35); background:rgba(15,23,42,0.35);
border-radius:999px; border-radius:999px;
justify-content:flex-start;
} }
.create-gallery-overlay .create-gallery-item{ .create-gallery-overlay .create-gallery-item{
width:40px; width:40px;