Add max height to skeleton image

dappforce · Jul 11, 2024 · 0c2e228 · 0c2e228
1 parent fe7fd9f
commit 0c2e228
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/components/MediaLoader.tsx b/src/components/MediaLoader.tsx
@@ -103,7 +103,10 @@ export default function MediaLoader({
           <Image
             {...commonProps}
             loading='eager'
-            className={cx('max-h-96 object-contain', commonProps.className)}
+            className={cx(
+              'mx-auto max-h-96 object-contain',
+              commonProps.className
+            )}
             style={{ backfaceVisibility: 'hidden', ...commonProps.style }}
             width={commonProps.width || 500}
             height={commonProps.height || 500}
@@ -123,7 +126,7 @@ export default function MediaLoader({
       ) : (
         <div
           className={cx(
-            'aspect-square w-full animate-pulse bg-background-lighter',
+            'aspect-square max-h-96 w-full animate-pulse bg-background-lighter',
             placeholderClassName
           )}
         />