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

Change classname "media-modal" and "extended-video-player" to use only Tailwind

This commit is contained in:
danidfra 2024-11-01 16:47:24 -03:00
parent 000253bdc4
commit afd7260e3d
2 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/extended-video-player.tsx
View File

@ -42,10 +42,11 @@ const ExtendedVideoPlayer: React.FC<IExtendedVideoPlayer> = ({ src, alt, time, c
} }
return ( return (
<div className='extended-video-player'> <div className='flex size-full items-center justify-center'>
<video <video
ref={video} ref={video}
src={src} src={src}
className='max-h-[80%] max-w-full'
autoPlay autoPlay
role='button' role='button'
tabIndex={0} tabIndex={0}

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

@ -233,7 +233,7 @@ const MediaModal: React.FC<IMediaModal> = (props) => {
}; };
return ( return (
<div className='media-modal pointer-events-auto fixed inset-0 z-[9999] h-full bg-gray-900/90'> <div className='pointer-events-auto fixed inset-0 z-[9999] h-full bg-gray-900/90'>
<div <div
className='absolute inset-0' className='absolute inset-0'
role='presentation' role='presentation'