fix: styled modal alignment

[lolzivkovic]

This PR fixes alignment issues with Modals when position is set to bottom or right

What is it?

• Feature / enhancement
• [*] Bug
• Docs / tests
• Other

Why is it needed?

When trying to use Modal a Sheet it does not align properly when position set is either bottom or right

Checklist:

• [*] My code follows the developer guidelines of this project
• [*] I have performed a self-review of my own code
• [*] I have ran pnpm change and documented my changes
• I have add necessary docs (if needed)
• Added new tests to cover the fix / functionality

[changeset-bot]

🦋 Changeset detected

Latest commit: 2efc5f0

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@qwik-ui/styled	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[github-actions]

CLA Assistant Lite bot All contributors have signed the CLA ✍️ ✅

[lolzivkovic]

I have read the CLA Document and I hereby sign the CLA

[maiieul]

Hey @lolzivkovic thanks for the submission! I tried it out locally and can't see any difference with your added changes. Could you share a screenshot?

[lolzivkovic]

Hi @maiieul,

Of course, here are the changes and how they are reflected when using position="right" and for example width of 300px for modal

Here is what it looks like in Firefox(139.0.1):
Before:

After:

Here is what it looks like in Chromium(137.0.7151.68):
Before:

After:

Also ml-0, mr-0, mb-0 and mt-0 seem redundant as well after the change.

[maiieul]

Okay, I still don't see the difference on local, but I guess it doesn't hurt so I'll merge. Thanks for the PR 👍

[pkg-pr-new]

Open in StackBlitz

npm i https://pkg.pr.new/qwikifiers/qwik-ui@1104

npm i https://pkg.pr.new/qwikifiers/qwik-ui/@qwik-ui/headless@1104

npm i https://pkg.pr.new/qwikifiers/qwik-ui/@qwik-ui/styled@1104

npm i https://pkg.pr.new/qwikifiers/qwik-ui/@qwik-ui/utils@1104

commit: 2efc5f0