Adding styling for loading state.

mlibrary · Nov 12, 2024 · fab07c4 · fab07c4
1 parent b3cdb92
commit fab07c4
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/src/modules/reusable/components/ImagePlaceholder/index.js b/src/modules/reusable/components/ImagePlaceholder/index.js
@@ -28,7 +28,7 @@ const ImagePlaceholder = ({ alt, index, src, ...rest }) => {
 
       {imageState === 'loading' && (
         <div
-          className='image-placeholder'
+          className='image-placeholder placeholder margin-bottom__none'
           {...rest}
         >
           <div className='content' />

diff --git a/src/modules/reusable/components/ImagePlaceholder/styles.css b/src/modules/reusable/components/ImagePlaceholder/styles.css
@@ -7,10 +7,9 @@
 }
 
 .image-placeholder .content {
+  height: 100%;
+  left: 0;
   position: absolute;
   top: 0;
-  left: 0;
   width: 100%;
-  height: 100%;
-  /* Any other styling you need */
 }