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

Limit height of Dialog.Overlay #2876

Open
pavelgromyko opened this issue May 3, 2024 · 1 comment
Open

Limit height of Dialog.Overlay #2876

pavelgromyko opened this issue May 3, 2024 · 1 comment

Comments

@pavelgromyko
Copy link

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]" />

@joaom00
Copy link
Contributor

joaom00 commented May 18, 2024

you can change the value of inset-0 to whatever you want: ... inset-0 top-[50px] ...

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

No branches or pull requests

2 participants