| @@ -105,7 +105,7 @@ function MediaCarousel({ | |||||
| {/* Custom expand button */} | {/* Custom expand button */} | ||||
| <button | <button | ||||
| onClick={(e) => { e.stopPropagation(); onMediaClick?.(i); }} | 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" | title="Expand fullscreen" | ||||
| aria-label="Expand fullscreen" | aria-label="Expand fullscreen" | ||||
| > | > | ||||
| @@ -151,8 +151,9 @@ function MediaCarousel({ | |||||
| ))} | ))} | ||||
| </div> | </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> | </div> | ||||
| </> | </> | ||||
| )} | )} | ||||