style(NewConversationMenu): add z-index to Dialog and DropdownMenuContent (#335)

style(mobile.css): decrease z-index of .nav to 40
This commit is contained in:
Danny Avila 2023-05-19 19:58:53 -04:00 committed by GitHub
parent ab7cfc6041
commit cef2668f53
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 3 deletions

View file

@ -122,7 +122,7 @@ export default function NewConversationMenu() {
});
return (
<Dialog>
<Dialog className="z-[100]">
<DropdownMenu open={menuOpen} onOpenChange={setMenuOpen}>
<DropdownMenuTrigger asChild>
<Button
@ -136,7 +136,7 @@ export default function NewConversationMenu() {
</Button>
</DropdownMenuTrigger>
<DropdownMenuContent
className="min-w-[300px] dark:bg-gray-700"
className="min-w-[300px] dark:bg-gray-700 z-[100]"
onCloseAutoFocus={(event) => event.preventDefault()}
>
<DropdownMenuLabel

View file

@ -45,7 +45,7 @@
.nav {
position: fixed;
z-index: 999;
z-index: 40;
left: calc(-100%);
top: 0;
width: calc(100% - 60px);