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>
) : null}
</div>
</div>
)}
{galleryItems.length > 0 && (
<div className="create-gallery-row">
{galleryItems.map((url, idx) => (
<figure
key={`${url}-${idx}`}
className="create-gallery-item create-gallery-static"
>
<img src={url} alt={`Preview image ${idx + 1}`} />
</figure>
))}
{galleryItems.length > 0 && (
<div className="create-gallery-row create-gallery-overlay">
{galleryItems.map((url, idx) => (
<figure
key={`${url}-${idx}`}
className="create-gallery-item create-gallery-static"
>
<img src={url} alt={`Preview image ${idx + 1}`} />
</figure>
))}
</div>
)}
</div>
)}
<textarea

4
src/styles/map.css
View File

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