Add responsive image sizes for RecordCard component (#3654)

conico974 · web-flow · commit fa1382b28946 · 2025-09-18T08:55:11.000+02:00
Co-authored-by: Nicolas Dorseuil &lt;nicolas@gitbook.io&gt;
diff --git a/packages/gitbook/src/components/DocumentView/Table/RecordCard.tsx b/packages/gitbook/src/components/DocumentView/Table/RecordCard.tsx
@@ -95,8 +95,12 @@ export async function RecordCard(
                     }}
                     sizes={[
                         {
+                            media: '(max-width: 640px)',
                             width: view.cardSize === 'medium' ? 245 : 376,
                         },
+                        {
+                            width: view.cardSize === 'medium' ? 490 : 752,
+                        },
                     ]}
                     resize={context.contentContext?.imageResizer}
                     className={tcls(
