Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Feature Request] Custom Backdrop strength ( Modal ) #3833

Open
Vibrant275 opened this issue Oct 1, 2024 · 3 comments
Open

[Feature Request] Custom Backdrop strength ( Modal ) #3833

Vibrant275 opened this issue Oct 1, 2024 · 3 comments

Comments

@Vibrant275
Copy link

Is your feature request related to a problem? Please describe.

The current blur strength in Modal Backdrop applied in the UI design is excessive, leading to an unattractive appearance. This issue detracts from the overall user experience, making it difficult for users to focus on important content.

Describe the solution you'd like

I would like to propose a modification to allow for customizable blur strength settings for the backdrop ( Modal ).
Also please add an option to disable the outline glow effect in Modal.

Describe alternatives you've considered

Till now i have worked on any alternative.
If this feature gets added, it would be really helpful.

Screenshots or Videos

Screenshot 2024-10-02 051907

Copy link

linear bot commented Oct 1, 2024

@Vibrant275 Vibrant275 reopened this Oct 2, 2024
@wingkwong
Copy link
Member

I would like to propose a modification to allow for customizable blur strength settings for the backdrop ( Modal ).

You can customize via classNames.backdrop.

Also please add an option to disable the outline glow effect in Modal.

I don't see that effect. Which examples in docs are you referring to?

@Vibrant275
Copy link
Author

From classname.backdrop we can set backdrop-opacity but that's give a different effect. Adding 'blur' via tailwind in classnames, but it gives a unexpected results.

There's a little glow effect when setting backdrop to blur please zoom and look closley in the modal edges.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants