diff --git a/src/components/Map/markerManager.js b/src/components/Map/markerManager.js
index 050b385..c8c3efd 100644
--- a/src/components/Map/markerManager.js
+++ b/src/components/Map/markerManager.js
@@ -249,10 +249,7 @@ function applyPostDetails(modalWrap, post) {
const arrowHtml = heroHasGallery
? ``
: "";
- const indicatorHtml = heroHasGallery
- ? `
1/${heroGallery.length}
`
- : "";
- target.innerHTML = `${heroImageHtml}${arrowHtml}${indicatorHtml}`;
+ target.innerHTML = `${heroImageHtml}${arrowHtml}`;
bindHeroLightbox(modalWrap);
if (heroHasGallery) {
initModalGallery(modalWrap, heroGallery);
@@ -467,12 +464,6 @@ function initModalGallery(modalWrap, gallery) {
const heroImg = modalWrap.querySelector(".sw-modal-hero img, .sw-cluster-hero-media img");
if (!heroImg) return;
const arrows = modalWrap.querySelectorAll(".sw-modal-hero-arrow");
- const indicator = modalWrap.querySelector(".sw-modal-gallery-indicator");
- const currentIndicator = indicator?.querySelector(".sw-modal-gallery-current");
- const totalIndicator = indicator?.querySelector(".sw-modal-gallery-total");
- if (totalIndicator) {
- totalIndicator.textContent = String(gallery.length);
- }
let activeIndex = 0;
const setActive = (idx) => {
if (!Number.isFinite(idx)) return;
diff --git a/src/styles/mapMarkers.css b/src/styles/mapMarkers.css
index b8fd988..64c2ee6 100644
--- a/src/styles/mapMarkers.css
+++ b/src/styles/mapMarkers.css
@@ -898,8 +898,8 @@ body[data-theme="blue"] .sw-centered-modal .post-card.sw-expanded-shell{
position:absolute;
top:50%;
transform:translateY(-50%) scale(0.95);
- width:36px;
- height:36px;
+ width:44px;
+ height:44px;
border-radius:50%;
border:1px solid rgba(255,255,255,0.35);
background: rgba(0,0,0,0.55);
@@ -919,47 +919,7 @@ body[data-theme="blue"] .sw-centered-modal .post-card.sw-expanded-shell{
}
.sw-modal-hero-arrow.right{
right:10px;
-}
-.sw-modal-gallery-indicator{
- position:absolute;
- bottom:0.75rem;
- left:50%;
- transform:translateX(-50%);
- background:rgba(15,23,42,0.8);
- color:#f0f9ff;
- border-radius:999px;
- padding:.25rem .75rem;
- font-size:.75rem;
- font-weight:700;
- letter-spacing:.05em;
- display:flex;
- align-items:center;
- gap:.35rem;
- z-index:12;
- pointer-events:none;
- box-shadow:0 10px 25px rgba(2,6,23,0.6);
-}
-.sw-modal-gallery-indicator{
- position:absolute;
- top:0.75rem;
- right:-6px;
- bottom:auto;
- left:auto;
- transform:none;
- padding:0.1rem 0.5rem;
- border-radius:999px;
- background:rgba(2,6,23,0.65);
- box-shadow:0 8px 16px rgba(0,0,0,0.35);
-}
-.sw-modal-gallery-indicator span{
- display:inline-flex;
- align-items:center;
- justify-content:center;
- line-height:1;
-}
-.sw-modal-gallery-separator{
- opacity:.6;
-}
+ }
.sw-modal-hero-arrow,
.sw-cluster-hero-media .sw-modal-hero-arrow{
@@ -968,16 +928,11 @@ body[data-theme="blue"] .sw-centered-modal .post-card.sw-expanded-shell{
@media (max-width: 768px) {
.sw-modal-hero-arrow{
- width:32px;
- height:32px;
+ width:40px;
+ height:40px;
border-width:0;
background:rgba(15,23,42,0.7);
}
- .sw-modal-gallery-indicator{
- font-size:.68rem;
- bottom:.5rem;
- padding:.2rem .6rem;
- }
}
.sw-modal-hero-fallback{