Restrict responsive behavior to large images

2024-02-24 01:10:17 -06:00 · 2024-02-24 01:10:17 -06:00 · 08b1401ce4
commit 08b1401ce4
parent 42b0ead70a
2 changed files with 1 additions and 1 deletions
--- a/src/components/ImageBlurFallback.tsx
+++ b/src/components/ImageBlurFallback.tsx
@ -78,7 +78,6 @@ export default function ImageBlurFallback(props: ImageProps) {
        ...rest,
        ref: imgRef,
        priority,
-        layout: 'responsive',
        className: imageClassName,
        onLoad: () => setIsLoading(false),
        onError: () => setDidError(true),
--- a/src/components/ImageLarge.tsx
+++ b/src/components/ImageLarge.tsx
@ -28,6 +28,7 @@ export default function ImageLarge({
        className,
        src,
        alt,
+        layout: 'responsive',
        priority,
        blurDataURL: blurData,
        width: IMAGE_LARGE_WIDTH,