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

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

@ -1718,10 +1718,8 @@ export default function MapView({
<span>{formatPreviewDate(draftPublishedAt)}</span> <span>{formatPreviewDate(draftPublishedAt)}</span>
) : null} ) : null}
</div> </div>
</div>
)}
{galleryItems.length > 0 && ( {galleryItems.length > 0 && (
<div className="create-gallery-row"> <div className="create-gallery-row create-gallery-overlay">
{galleryItems.map((url, idx) => ( {galleryItems.map((url, idx) => (
<figure <figure
key={`${url}-${idx}`} key={`${url}-${idx}`}
@ -1731,6 +1729,8 @@ export default function MapView({
</figure> </figure>
))} ))}
</div> </div>
)}
</div>
)} )}
<textarea <textarea
className="create-textarea create-textarea-tight" className="create-textarea create-textarea-tight"

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;