fix: navbar interact

packages/website/src/components/Navbar.astro

@@ -6,13 +6,7 @@ import {
   GearIcon,
   HamburgerMenuIcon,
 } from '@radix-ui/react-icons';
-import {
-  Box,
-  Code,
-  Flex,
-  IconButton,
-  Link
-} from '@radix-ui/themes';
+import { Box, Code, Flex, IconButton, Link } from '@radix-ui/themes';
 import { TOOLS } from '../constants/tools';
 import { resolveBranchName } from '../core/blitzkit/branches';
 import { getStrings } from '../core/i18n/getStrings';
@@ -31,6 +25,10 @@ const strings = getStrings(locale);
     display: none;
   }
 
+  .navbar[data-expanded='true'] {
+    height: 100%;
+  }
+
   .navbar[data-expanded='true'] *[data-closed] {
     display: none;
   }
@@ -61,7 +59,6 @@ const strings = getStrings(locale);
   width="100%"
   top="0"
   position="fixed"
-  height="100%"
   style={{
     zIndex: 1,
   }}