diff --git a/apps/docs-tests/docs/homepage.spec.ts b/apps/docs-tests/docs/homepage.spec.ts index 4b51777f..25b79d91 100644 --- a/apps/docs-tests/docs/homepage.spec.ts +++ b/apps/docs-tests/docs/homepage.spec.ts @@ -160,7 +160,6 @@ test('each favorite shows its poster', async ({ page }) => { href: link.getAttribute('href') ?? '', src: decodeURIComponent(image?.currentSrc ?? ''), loaded: !!image && image.complete && image.naturalWidth > 0, - // next/image may serve a resized file, which keeps the shape. shape: image ? image.naturalWidth / image.naturalHeight : 0, }; }), diff --git a/apps/docs/src/components/favorites/favorites-list.tsx b/apps/docs/src/components/favorites/favorites-list.tsx index 0c25f8a1..caa823db 100644 --- a/apps/docs/src/components/favorites/favorites-list.tsx +++ b/apps/docs/src/components/favorites/favorites-list.tsx @@ -28,10 +28,6 @@ import { CardTab } from './card-tab'; import { favoriteSceneBackdrop, preloadFavoriteScenes, useFavoriteScene } from './favorite-scenes'; import styles from './favorites.module.css'; -// The width each poster renders at, per the grid's columns in -// favorites.module.css, so next/image picks a file no larger than it needs. -const POSTER_SIZES = '(width < 40rem) 100vw, (width < 64rem) 50vw, 25vw'; - // A card's place in the grid's reveal (favorites.module.css): the heading // goes first, at 0, so the cards count from 1. type RevealStyle = CSSProperties & { '--reveal-index': number }; @@ -163,13 +159,12 @@ function FavoriteCard({ >
{sceneMounted && } - {favorite.label} + {/* No `sizes`: next.config.ts turns image optimization off for the + static export, so next/image renders a plain `` with no + srcset for `sizes` to pick from. If optimization comes on, add + `sizes` to match the grid's columns in favorites.module.css. */} + {/* react-doctor-disable-next-line react-doctor/nextjs-image-missing-sizes */} + {favorite.label} {cardTabMounted && }