From e38ad781e2b38cde428e9f330fd747063aebba9d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateus=20Felipe=20Gon=C3=A7alves?=
 <mateusfelipefg77@gmail.com>
Date: Tue, 11 Jun 2024 19:51:12 -0300
Subject: [PATCH] fix(header): use dynamic virtual height on mobile menu drawer

---
 src/app/_components/header/mobile-menu/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/_components/header/mobile-menu/index.tsx b/src/app/_components/header/mobile-menu/index.tsx
index 9a1be154..88995a88 100644
--- a/src/app/_components/header/mobile-menu/index.tsx
+++ b/src/app/_components/header/mobile-menu/index.tsx
@@ -95,8 +95,8 @@ export function MobileMenu() {
       </Dialog.Trigger>
       <Dialog.Portal>
         <Dialog.Overlay className="fixed inset-0 z-50 bg-black/40 backdrop-blur-md data-[state=open]:animate-overlayShow" />
-        <Dialog.Content className="fixed right-0 top-0 z-50 h-dvh w-3/4 data-[state=closed]:animate-slide-right data-[state=open]:animate-slide-left">
-          <div className="relative flex h-screen w-full">
+        <Dialog.Content className="fixed bottom-0 right-0 top-0 z-50 w-3/4 data-[state=closed]:animate-slide-right data-[state=open]:animate-slide-left">
+          <div className="relative flex h-dvh w-full">
             <Dialog.Close
               asChild
               className="absolute left-2 top-2 rounded-full p-2 backdrop-blur-lg active:bg-red-300/20 active:text-red-500 active:dark:bg-red-300/10 active:dark:text-red-400"