planpostai/canvas-backend
3
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

menubar fixed

Browse source
This commit is contained in:
Saimon8420 2025-01-05 12:46:58 +06:00
parent 3f3ac499d3
commit cce1732969
1 changed files with 9 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/components/Layouts/Header.jsx
View file

@ -3,15 +3,21 @@ import { useContext } from 'react';
import OpenContext from '../Context/openContext/OpenContext';
const Header = () => {
const { setRightPanelOpen, setLeftPanelOpen } = useContext(OpenContext)
const { setRightPanelOpen, rightPanelOpen, setLeftPanelOpen, leftPanelOpen } = useContext(OpenContext);
return (
<div className='bg-[#f2e6f8] fixed top-0 w-[60px] z-[900] min-w-full flex items-center p-4 shadow-md'>
<p className='mr-auto flex-wrap gap-1 cursor-pointer text-xs items-center font-semibold xl:flex lg:flex md:flex hidden' onClick={() => setLeftPanelOpen(true)}><AlignLeft /><span className='hidden xl:block lg:block md:block sm:block'>Add Element</span></p>
{
leftPanelOpen === false &&
<p className='mr-auto flex-wrap gap-1 cursor-pointer text-xs items-center font-semibold xl:flex lg:flex md:flex hidden' onClick={() => setLeftPanelOpen(true)}><AlignLeft /><span className='hidden xl:block lg:block md:block sm:block'>Add Element</span></p>
}
<h1 className='font-semibold'>PlanPostAi Canvas</h1>
<p className='ml-auto flex-wrap gap-1 cursor-pointer text-xs items-center font-semibold xl:flex lg:flex md:flex hidden' onClick={() => setRightPanelOpen(true)}> <span className='hidden xl:block lg:block md:block sm:block'>Edit Panel</span><AlignRight /></p>
{
rightPanelOpen === false &&
<p className='ml-auto flex-wrap gap-1 cursor-pointer text-xs items-center font-semibold xl:flex lg:flex md:flex hidden' onClick={() => setRightPanelOpen(true)}> <span className='hidden xl:block lg:block md:block sm:block'>Edit Panel</span><AlignRight /></p>
}
</div>
)
}