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

refine gallery preview layout

This commit is contained in:
Your Name 2026-01-02 01:43:52 -05:00
parent b86d7eb28b
commit b6c4f52df2
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1696,13 +1696,13 @@ export default function MapView({
</div> </div>
{draftMediaUrls.length > 1 && ( {draftMediaUrls.length > 1 && (
<div className="create-gallery-items"> <div className="create-gallery-items">
{draftMediaUrls.map((url, idx) => ( {draftMediaUrls.slice(1).map((url, idx) => (
<figure key={`${url}-${idx}`} className="create-gallery-item"> <figure key={`${url}-${idx}`} className="create-gallery-item">
<img src={url} alt={`Selected image ${idx + 1}`} /> <img src={url} alt={`Selected image ${idx + 2}`} />
<button <button
type="button" type="button"
className="create-gallery-remove" className="create-gallery-remove"
onClick={() => removeMediaUrlAtIndex(idx)} onClick={() => removeMediaUrlAtIndex(idx + 1)}
aria-label="Remove image" aria-label="Remove image"
> >
× ×

2
src/styles/map.css
View File

@ -779,7 +779,7 @@
.create-gallery-items{ .create-gallery-items{
display:flex; display:flex;
flex-wrap:nowrap; flex-wrap:nowrap;
gap:.6rem; gap:.3rem;
overflow-x:auto; overflow-x:auto;
padding-bottom:.25rem; padding-bottom:.25rem;
} }