|
|
|
@@ -105,7 +105,7 @@ function MediaCarousel({ |
|
|
|
{/* Custom expand button */} |
|
|
|
<button |
|
|
|
onClick={(e) => { e.stopPropagation(); onMediaClick?.(i); }} |
|
|
|
className="absolute top-3 left-3 bg-black/60 hover:bg-black/80 text-white w-9 h-9 rounded-full flex items-center justify-center transition-colors shadow-lg z-10" |
|
|
|
className="absolute bottom-3 right-3 bg-black/60 hover:bg-black/80 text-white w-9 h-9 rounded-full flex items-center justify-center transition-colors shadow-lg z-10" |
|
|
|
title="Expand fullscreen" |
|
|
|
aria-label="Expand fullscreen" |
|
|
|
> |
|
|
|
@@ -151,8 +151,9 @@ function MediaCarousel({ |
|
|
|
))} |
|
|
|
</div> |
|
|
|
|
|
|
|
<div className="absolute top-3 right-3 bg-black/50 text-white text-xs font-semibold px-2 py-0.5 rounded-full z-10"> |
|
|
|
{current + 1} / {items.length} |
|
|
|
<div className="absolute top-3 left-3 bg-black/60 text-white text-xs font-semibold px-2 py-0.5 rounded-full z-10 flex items-center gap-1"> |
|
|
|
<span>⊞</span> |
|
|
|
<span>{current + 1} / {items.length}</span> |
|
|
|
</div> |
|
|
|
</> |
|
|
|
)} |
|
|
|
|
