mirror of
https://github.com/makeplane/plane
synced 2024-06-14 14:31:34 +00:00
c6d6b9a0e9
* style: added sidebar toggle in all the screens for mobile responsive * chore: close sidebar on click of empty space when opened * chore: setting the sidebar collapsed in smaller screens
17 lines
627 B
TypeScript
17 lines
627 B
TypeScript
import { FC } from "react";
|
|
import { Menu } from "lucide-react";
|
|
import { useApplication } from "hooks/store";
|
|
import { observer } from "mobx-react";
|
|
|
|
export const SidebarHamburgerToggle: FC = observer (() => {
|
|
const { theme: themStore } = useApplication();
|
|
return (
|
|
<div
|
|
className="w-7 h-7 rounded flex justify-center items-center bg-custom-background-80 transition-all hover:bg-custom-background-90 cursor-pointer group md:hidden"
|
|
onClick={() => themStore.toggleSidebar()}
|
|
>
|
|
<Menu size={14} className="text-custom-text-200 group-hover:text-custom-text-100 transition-all" />
|
|
</div>
|
|
);
|
|
});
|