fix: prevent modal from taking full width on mobile screen

[iiio2]

Currently in mobile screen, modal is taking full width. I think we can improve this.

Before:

After:

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
npmx.dev	Ready	Preview, Comment	Feb 6, 2026 3:23am

2 Skipped Deployments

Project	Deployment	Actions	Updated (UTC)
docs.npmx.dev	Ignored	Preview	Feb 6, 2026 3:23am
npmx-lunaria	Ignored		Feb 6, 2026 3:23am

[coderabbitai]

📝 Walkthrough

Walkthrough

The pull request modifies the dialog element width in the Modal component file. The width class has been changed from w-full to w-[calc(100%-2rem)], which adjusts the horizontal spacing of the modal. This calculation reduces the overall width by 2 remote units whilst preserving all other component functionality and styling.

Suggested reviewers

• danielroe

🚥 Pre-merge checks | ✅ 1

✅ Passed checks (1 passed)

Check name	Status	Explanation
Description check	✅ Passed	The pull request description clearly relates to the changeset, describing a mobile modal width issue and providing before/after visual comparisons.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment

---

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ All tests successful. No failed tests found.

📢 Thoughts on this report? Let us know!