f07dc0384f
* initial implementation of search modal * added hit and search suggestions * added support for multiple indices * updated sample env * added close when click outside dropdown * test for mobile * added mobile design * added shortcut * dark mode fixes * added search to docs * added plugins filter * added React import * moved filters to configurations * handled error on page load * change suggestion text * removed hits limit * handle select all * open link in current tab * change highlight colors * added support for shortcuts + auto focus * change header and footer * redesigned search ui
39 lines
1016 B
TypeScript
39 lines
1016 B
TypeScript
"use client"
|
|
|
|
import NavbarMenuButton from "../MenuButton"
|
|
import NavbarMobileLogo from "../MobileLogo"
|
|
import NavbarColorModeToggle from "../ColorModeToggle"
|
|
import SearchModalOpener from "../../Search/ModalOpener"
|
|
import { useMobile } from "../../../providers/mobile"
|
|
|
|
const MobileMenu = () => {
|
|
const { isMobile } = useMobile()
|
|
|
|
return (
|
|
<div className="flex w-full items-center justify-between lg:hidden">
|
|
{isMobile && (
|
|
<>
|
|
<NavbarMenuButton
|
|
buttonProps={{
|
|
className:
|
|
"!border-none !bg-transparent !bg-no-image !shadow-none",
|
|
}}
|
|
/>
|
|
<NavbarMobileLogo />
|
|
<div className="flex">
|
|
<SearchModalOpener />
|
|
<NavbarColorModeToggle
|
|
buttonProps={{
|
|
className:
|
|
"!border-none !bg-transparent !bg-no-image !shadow-none ml-1",
|
|
}}
|
|
/>
|
|
</div>
|
|
</>
|
|
)}
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default MobileMenu
|