fix vertical image clipping in viewer
This commit is contained in:
@@ -183,14 +183,14 @@ export default function ImageLightbox({ url, name, onClose, onPrev, onNext, item
|
||||
</div>
|
||||
|
||||
{showTags ? (
|
||||
<div className="flex gap-4 w-full flex-1 min-h-0 items-start overflow-hidden max-h-full">
|
||||
<div className="flex gap-4 w-full flex-1 min-h-0 items-start overflow-hidden max-h-fit max-w-fit">
|
||||
{/* Image */}
|
||||
<div className="w-full flex-1 min-h-0 flex items-center justify-center overflow-hidden max-h-screen relative">
|
||||
<div className="w-full flex-1 min-w-0 min-h-0 h-full flex items-center justify-center overflow-hidden relative">
|
||||
{/* eslint-disable-next-line @next/next/no-img-element */}
|
||||
<img
|
||||
src={url}
|
||||
alt={name}
|
||||
className="object-contain rounded-lg"
|
||||
className="max-w-full max-h-full w-auto h-auto object-contain rounded-lg"
|
||||
onClick={(e) => e.stopPropagation()}
|
||||
/>
|
||||
{onPrev && (
|
||||
|
||||
Reference in New Issue
Block a user