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

Compact create image panel

This commit is contained in:
Your Name 2026-01-02 12:39:55 -05:00
parent 04511b87ee
commit f0b4956b3d
2 changed files with 34 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1711,7 +1711,7 @@ export default function MapView({
) : null} ) : null}
</div> </div>
{draftMediaUrls.length > 1 && ( {draftMediaUrls.length > 1 && (
<div className="create-gallery-items"> <div className="create-gallery-items create-gallery-overlay">
{draftMediaUrls.slice(1).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 + 2}`} /> <img src={url} alt={`Selected image ${idx + 2}`} />

33
src/styles/map.css
View File

@ -811,6 +811,39 @@
justify-content:center; justify-content:center;
cursor:pointer; cursor:pointer;
} }
.create-link-preview{
position:relative;
overflow:hidden;
border-radius:18px;
background:rgba(15,23,42,0.8);
box-shadow:0 20px 40px rgba(2,6,23,0.45);
}
.create-link-preview-tight img{
width:100%;
height:200px;
object-fit:cover;
display:block;
border-bottom:1px solid rgba(255,255,255,0.1);
}
.create-gallery-overlay{
position:absolute;
top:12px;
right:12px;
padding-bottom:0;
background:rgba(15,23,42,0.35);
border-radius:999px;
}
.create-gallery-overlay .create-gallery-item{
width:40px;
height:40px;
}
.create-gallery-overlay .create-gallery-remove{
top:-4px;
right:-4px;
width:18px;
height:18px;
font-size:10px;
}
.create-image-url-row{ .create-image-url-row{
display:flex; display:flex;
gap:.4rem; gap:.4rem;