Change classname "zoomable-image" to use only Tailwind
This commit is contained in:
parent
e22a16b94b
commit
3ea0e2e6c2
|
@ -124,7 +124,7 @@ class ZoomableImage extends React.PureComponent<IZoomableImage> {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div
|
<div
|
||||||
className='zoomable-image'
|
className='relative flex size-full items-center justify-center'
|
||||||
ref={this.setContainerRef}
|
ref={this.setContainerRef}
|
||||||
style={{ overflow }}
|
style={{ overflow }}
|
||||||
>
|
>
|
||||||
|
@ -132,6 +132,7 @@ class ZoomableImage extends React.PureComponent<IZoomableImage> {
|
||||||
role='presentation'
|
role='presentation'
|
||||||
ref={this.setImageRef}
|
ref={this.setImageRef}
|
||||||
alt={alt}
|
alt={alt}
|
||||||
|
className='size-auto max-h-[80%] max-w-full object-contain shadow-2xl'
|
||||||
title={alt}
|
title={alt}
|
||||||
src={src}
|
src={src}
|
||||||
style={{
|
style={{
|
||||||
|
|
Loading…
Reference in New Issue