moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix media-modal

This commit is contained in:
danidfra 2024-11-21 17:52:01 -03:00 committed by P. Reis
parent 7077fc84f1
commit 0b14274b05
3 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/features/ui/components/image-loader.tsx
View File

@ -135,7 +135,7 @@ class ImageLoader extends PureComponent<IImageLoader> {
const { alt, src, width, height, onClick } = this.props; const { alt, src, width, height, onClick } = this.props;
const { loading } = this.state; const { loading } = this.state;
const className = 'relative size-full flex items-center justify-center flex-col'; const className = 'relative h-[80vh] flex items-center justify-center flex-col';
return ( return (
<div className={className}> <div className={className}>

2
src/features/ui/components/modals/media-modal.tsx
View File

@ -316,7 +316,7 @@ const MediaModal: React.FC<IMediaModal> = (props) => {
style={swipeableViewsStyle} style={swipeableViewsStyle}
containerStyle={containerStyle} containerStyle={containerStyle}
onChangeIndex={handleSwipe} onChangeIndex={handleSwipe}
className='flex items-center justify-center ' className='flex items-center justify-center'
index={getIndex()} index={getIndex()}
> >
{content} {content}

1
src/styles/tailwind.css
View File

@ -48,6 +48,7 @@
@apply max-w-full max-h-[80%]; @apply max-w-full max-h-[80%];
} }
} }
.status { .status {
@apply min-h-[54px] cursor-default animate-fade opacity-100; @apply min-h-[54px] cursor-default animate-fade opacity-100;
} }