From 8958664f205daa8ba349474e95db3d0d95e88187 Mon Sep 17 00:00:00 2001
From: Julian Lam <julian@nodebb.org>
Date: Fri, 8 Nov 2024 00:42:06 -0500
Subject: [PATCH] fix: use `100vw` for `sizes` attribute in ResponsiveImage
 handler

---
 src/components/media/slideshow/ResponsiveImage.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/media/slideshow/ResponsiveImage.tsx b/src/components/media/slideshow/ResponsiveImage.tsx
index 42cbd62fc..e2b412780 100644
--- a/src/components/media/slideshow/ResponsiveImage.tsx
+++ b/src/components/media/slideshow/ResponsiveImage.tsx
@@ -13,7 +13,7 @@ interface ResponsiveImageProps {
 /**
  * NextJS image wrapper with loading indicator
  */
-export default function ResponsiveImage ({ mediaUrl, isHero = true, isSquare = false, sizes = '20vw' }: ResponsiveImageProps): JSX.Element {
+export default function ResponsiveImage ({ mediaUrl, isHero = true, isSquare = false, sizes = '100vw' }: ResponsiveImageProps): JSX.Element {
   const [isLoading, setLoading] = useState<boolean>(true)
   useEffect(() => {
     setLoading(true)