feat: remove arrows from the image viewer component
This commit is contained in:
@@ -109,28 +109,6 @@ export default function ImageViewer({ items, index, onIndexChange, onClose }: Im
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Prev / next */}
|
|
||||||
{len > 1 && (
|
|
||||||
<>
|
|
||||||
<button
|
|
||||||
type="button"
|
|
||||||
aria-label="Previous image"
|
|
||||||
onClick={(e) => { e.stopPropagation(); prev(); }}
|
|
||||||
className="absolute left-4 top-1/2 z-10 flex h-12 w-12 -translate-y-1/2 items-center justify-center rounded-full bg-black/40 text-white/80 backdrop-blur-md transition-colors hover:bg-black/60 hover:text-white"
|
|
||||||
>
|
|
||||||
<IconChevronLeft size={24} />
|
|
||||||
</button>
|
|
||||||
<button
|
|
||||||
type="button"
|
|
||||||
aria-label="Next image"
|
|
||||||
onClick={(e) => { e.stopPropagation(); next(); }}
|
|
||||||
className="absolute right-4 top-1/2 z-10 flex h-12 w-12 -translate-y-1/2 items-center justify-center rounded-full bg-black/40 text-white/80 backdrop-blur-md transition-colors hover:bg-black/60 hover:text-white"
|
|
||||||
>
|
|
||||||
<IconChevronRight size={24} />
|
|
||||||
</button>
|
|
||||||
</>
|
|
||||||
)}
|
|
||||||
|
|
||||||
{/* Close */}
|
{/* Close */}
|
||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
|
|||||||
Reference in New Issue
Block a user