From c72f2bc5ad2fdd0934128b5380e275d3bc1a0f8a Mon Sep 17 00:00:00 2001
From: danidfra <danielfilemondev@gmail.com>
Date: Mon, 4 Nov 2024 14:28:19 -0300
Subject: [PATCH] Change className "media-spoiler-video", "media-spoiler-audio"
 and "media-gallery" in status-media to use only Tailwind

---
 src/components/status-media.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/status-media.tsx b/src/components/status-media.tsx
index 2c96c0078..4b0829d52 100644
--- a/src/components/status-media.tsx
+++ b/src/components/status-media.tsx
@@ -40,15 +40,15 @@ const StatusMedia: React.FC<IStatusMedia> = ({
   let media: JSX.Element | null = null;
 
   const renderLoadingMediaGallery = (): JSX.Element => {
-    return <div className='media_gallery' style={{ height: '285px' }} />;
+    return <div className='relative isolate box-border h-auto w-full overflow-hidden rounded-lg' style={{ height: '285px' }} />;
   };
 
   const renderLoadingVideoPlayer = (): JSX.Element => {
-    return <div className='media-spoiler-video' style={{ height: '285px' }} />;
+    return <div className='relative mt-2 block cursor-pointer border-0 bg-cover bg-center bg-no-repeat' style={{ height: '285px' }} />;
   };
 
   const renderLoadingAudioPlayer = (): JSX.Element => {
-    return <div className='media-spoiler-audio' style={{ height: '285px' }} />;
+    return <div className='relative mt-2 block cursor-pointer border-0 bg-cover bg-center bg-no-repeat' style={{ height: '285px' }} />;
   };
 
   const openMedia = (media: ImmutableList<Attachment>, index: number) => {