DigiFi/digifi-FirstOffice
1
0
Fork 0
Code Issues Pull Requests Releases Activity

more update added to layout design

Browse Source
This commit was merged in pull request #3.
This commit is contained in:
victorAnumudu
2025-04-06 13:33:43 +01:00
parent a19942b12b
commit 06a0d4d7cd
15 changed files with 359 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/layouts/HandBurger.jsx
+5 -6
View File
@@ -1,9 +1,8 @@
export default function HandBurger({showAside, asideDisplay, barColor}) {
export default function HandBurger({showAside, barColor}) {
return (
<div
className="relative lg:hidden w-5 h-5 flex flex-col items-center justify-between cursor-pointer"
onClick={asideDisplay}
className="relative lg:hidden w-5 h-5 flex flex-col items-center justify-between"
>
{/* <div
className={`absolute left-0 w-5 h-1 rounded-md ${barColor ? barColor :'bg-primary'} dark:bg-dark-light${
@@ -12,21 +11,21 @@ export default function HandBurger({showAside, asideDisplay, barColor}) {
></div> */}
<div
className={`absolute left-0 w-5 h-1 rounded-md ${barColor ? barColor :'bg-black-box'} dark:bg-white-light ${
showAside
showAside =='aside'
? "bottom-1/2 translate-y-1/2 rotate-45"
: ""
}`}
></div>
<div
className={`absolute left-0 top-1/2 -translate-y-1/2 w-5 h-1 rounded-md ${barColor ? barColor :'bg-black-box/50'} dark:bg-white-light transition-all duration-300 ${
showAside
showAside =='aside'
? "rotate-[2000deg] opacity-0"
: ""
}`}
></div>
<div
className={`absolute left-0 w-5 h-1 rounded-md ${barColor ? barColor :'bg-black-box/50'} dark:bg-white-light ${
showAside
showAside =='aside'
? "top-1/2 -translate-y-1/2 -rotate-45"
: "bottom-0"
}`}