fix(header): use dynamic virtual height on mobile menu drawer

mateusfg7 · Jun 11, 2024 · e38ad78 · e38ad78
1 parent e3e16bc
commit e38ad78
Showing 1 changed file with 2 additions and 2 deletions.
diff --git 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"