Skip to content

Conversation

@ladunjexa
Copy link
Contributor

Summary

  1. Fix iPhone 15 Pro sizing - The current imp doesn't carefully handle the width and height of the iPhone 15 Pro when passed as params, due to an unfixed viewBox. The first commit introduces a fix for this. demo video
  2. Add webviewSrc and update props - Introduced a new webviewSrc prop to support iframes, and renamed src to imageSrc prop for clarity demo video

Notes

The current imp doesn't yet cover all edges cases, for example, issues may arise with internal frame src values, safari has more specific rendering quirks, also a fallback should be added when no src is provided (since src opts are all optional params), wrappnig the whole svg in a outer div with adjustments could improve the rendering, especially on iframes.

I decided left these improvements our of this PR to keep the scope focused, but they're on the roadmap.

Related

btw, @dillionverma — MagicUI is brilliant work! 🎉

@vercel
Copy link

vercel bot commented Sep 14, 2025

@ladunjexa is attempting to deploy a commit to the product-studio Team on Vercel.

A member of the Team first needs to authorize it.

@ladunjexa ladunjexa changed the title feat(iphone-15-pro): add webviewSrc media option and fix iphone aspecr ratios. feat(iphone-15-pro): add webviewSrc media option and fix iphone aspect ratio Sep 14, 2025
@ladunjexa ladunjexa closed this by deleting the head repository Sep 16, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants