fix(navbar): fixed the height of navbar menu (#1805)

* fix(navbar): fixed the height of navbar menu * fix(navbar): refactored the css of navbar * fix(navbar): fix redundant expression * fix(navbar): fixed unnecessary changes * fix(navbar): adjust viewport
heroui-inc · Jun 15, 2024 · be932c1 · be932c1
1 parent 75d1223
commit be932c1
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/components/navbar/src/navbar-menu-transitions.ts b/packages/components/navbar/src/navbar-menu-transitions.ts
@@ -2,7 +2,7 @@ import {Variants} from "framer-motion";
 
 export const menuVariants: Variants = {
   enter: {
-    height: "calc(100vh - var(--navbar-height) - 1px)",
+    height: "calc(100vh - var(--navbar-height))",
     transition: {
       duration: 0.3,
       easings: "easeOut",

diff --git a/packages/core/theme/src/components/navbar.ts b/packages/core/theme/src/components/navbar.ts
@@ -233,7 +233,7 @@ const navbar = tv({
     },
     disableAnimation: {
       true: {
-        menu: ["hidden", "h-[calc(100dvh_-_var(--navbar-height)_-_1px)]", "data-[open=true]:flex"],
+        menu: ["hidden", "h-[calc(100dvh_-_var(--navbar-height))]", "data-[open=true]:flex"],
       },
     },
   },
-Original file line number
+Diff line change
@@ Expand Up / @@ -233,7 +233,7 @@ const navbar = tv({ @@
         },
         disableAnimation: {
           true: {
-            menu: ["hidden", "h-[calc(100dvh_-_var(--navbar-height)_-_1px)]", "data-[open=true]:flex"],
+            menu: ["hidden", "h-[calc(100dvh_-_var(--navbar-height))]", "data-[open=true]:flex"],
           },
         },
       },
@@ Expand Down @@