responsive grid / clean up gif

Giphy · Jan 27, 2025 · da2907c · da2907c
1 parent 6066b1c
commit da2907c
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/packages/react-components/src/components/gif.tsx b/packages/react-components/src/components/gif.tsx
@@ -259,7 +259,7 @@ const Gif = ({
             ? `url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4AQMAAACSSKldAAAABlBMVEUhIiIWFhYoSqvJAAAAGElEQVQY02MAAv7///8PWxqIPwDZw5UGABtgwz2xhFKxAAAAAElFTkSuQmCC') 0 0`
             : defaultBgColor.current)
 
-    // the background will peek through when subpixel rendering
+    // the background will peek through when subpixel rendering, remove it after the gif loads
     if (loadedClassname === Gif.imgLoadedClassName && !gif.is_sticker) {
         background = 'unset'
     }
@@ -276,7 +276,6 @@ const Gif = ({
                 height: percentHeight || height,
                 overflow,
                 borderRadius,
-                aspectRatio: gif.images.original.width / gif.images.original.height,
                 ...style,
             }}
             className={[Gif.className, className].join(' ')}
@@ -299,7 +298,7 @@ const Gif = ({
                     suppressHydrationWarning
                     className={[Gif.imgClassName, loadedClassname].join(' ')}
                     src={shouldShowMedia ? rendition.url : placeholder}
-                    style={{ background, aspectRatio: gif.images.original.width / gif.images.original.height }}
+                    style={{ background }}
                     width="100%"
                     height="100%"
                     alt={getAltText(gif)}