fix: use dynamic images as image size too large

seamapi / react

Seam Components are a set of white-labeled UI elements that can be added to your application in seconds. Use them in any app as native web components or as React components and hooks.

https://react.seam.co

MIT License

7 stars 2 forks source link

fix: use dynamic images as image size too large #619

Closed mikewuu closed 6 months ago

mikewuu commented 7 months ago

closes #616

This is a POC. We'll use Next.js' _next/image directly to get a dynamic image size.

Before

CleanShot 2024-04-08 at 14 37 47@2x

not sure why in dev the image sizes are pretty small

After

CleanShot 2024-04-08 at 14 38 04@2x

images replaced by webp as expected

Live storybook

https://react.seam.co/?path=/docs/components-devicetable--docs

I replaced the src attribute, and it's quite a big difference.

CleanShot 2024-04-08 at 14 41 33@2x

mikewuu commented 6 months ago

closing as handled via https://github.com/seamapi/seam-connect/pull/6866