fix:center iamge

This commit is contained in:
Damien Ostler 2024-05-26 21:16:47 -04:00
parent f53ea97c3e
commit b1bd8ab67e
2 changed files with 38 additions and 36 deletions

View File

@ -112,7 +112,7 @@ function PageComponent() {
<div className="absolute w-full h-full overflow-hidden z-0 animate-fade-left animate-fade-left animate-once animate-duration-[2000ms] animate-normal animate-fill-forwards"> <div className="absolute w-full h-full overflow-hidden z-0 animate-fade-left animate-fade-left animate-once animate-duration-[2000ms] animate-normal animate-fill-forwards">
<img <img
src="gallery_girl.png" src="gallery_girl.png"
className="float-right object-cover h-screen w-3/6 opacity-50" className="float-right object-cover h-screen w-3/6 opacity-50 overflow-hidden"
alt="Background" alt="Background"
/> />
</div> </div>

View File

@ -175,8 +175,10 @@ const Gallery = ({ id, columns, closeMenu }: GalleryProps) => {
</button> </button>
{renderButtons()} {renderButtons()}
{selectedImage ? (<PanZoom> {selectedImage ? (
<PanZoom
autoCenter={true}
>
<img <img
src={images[currentIndex]} src={images[currentIndex]}
style={{ objectFit: "contain", maxWidth: "100%", maxHeight: "calc(100vh - 20px)", pointerEvents:"none" }} style={{ objectFit: "contain", maxWidth: "100%", maxHeight: "calc(100vh - 20px)", pointerEvents:"none" }}