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

header fixed

Browse source
This commit is contained in:
Saimon8420 2025-01-06 10:51:10 +06:00
parent cce1732969
commit cb77a9f509
1 changed files with 5 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -3,21 +3,17 @@ import { useContext } from 'react';
import OpenContext from '../Context/openContext/OpenContext'; import OpenContext from '../Context/openContext/OpenContext';
const Header = () => { const Header = () => {
const { setRightPanelOpen, rightPanelOpen, setLeftPanelOpen, leftPanelOpen } = useContext(OpenContext); const { setRightPanelOpen, setLeftPanelOpen } = useContext(OpenContext);
return ( return (
<div className='bg-[#f2e6f8] fixed top-0 w-[60px] z-[900] min-w-full flex items-center p-4 shadow-md'> <div className='bg-[#f2e6f8] fixed top-0 w-[60px] z-[900] min-w-full flex items-center p-4 shadow-md'>
{
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>
<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> <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> </div>
) )
} }