-
Notifications
You must be signed in to change notification settings - Fork 702
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
Limit height of Dialog.Overlay #2876
Comments
you can change the value of |
@joaom00 Thanks, that's a good idea. I tried it too. But the problem here is that this space (50 pixels) remains disabled. That is, I cannot press buttons in TitleBar |
@joaom00 Perhaps you know how to make the buttons located in the TitleBar active? |
Try set |
@joaom00 It`s great! Thank you a lot! |
I have an application that is written in electron using react.
As you understand from the question, I use Dialog. When a Dialog.Contentis opened, Dialog.Overlay extends to the entire screen; therefore, outside of Dialog.Content, the entire application is not active.
However, my application has a TitleBar (which takes up 50px from the top of the screen) and I would like the Dialog.Overlay not to extend to the TitleBar . That is, when opening Dialog.Content, Dialog.Overlay would cover the entire window except the TitleBar
my Dialog.Overlay now
<Dialog.Overlay className="data-[state=open]:animate-overlayShow fixed inset-0 bg-[grey] backdrop-blur-[2px]" />
The text was updated successfully, but these errors were encountered: