files

2025-04-04 13:15:42 -04:00
parent e3b8c374d3
commit 0f4844cb05
76 changed files with 20352 additions and 0 deletions
@@ -0,0 +1,36 @@
+
+export default function HandBurger({showAside, asideDisplay, barColor}) {
+  return (
+    <div
+    className="relative lg:hidden w-5 h-5 flex flex-col items-center justify-between cursor-pointer"
+    onClick={asideDisplay}
+    >
+    {/* <div
+        className={`absolute left-0 w-5 h-1 rounded-md ${barColor ? barColor :'bg-primary'} dark:bg-dark-light${
+        showAside ? "top-1/2 -translate-y-1/2 rotate-45" : "top-0"
+        }`}
+    ></div> */}
+      <div
+        className={`absolute left-0 w-5 h-1 rounded-md ${barColor ? barColor :'bg-primary'} dark:bg-white-light ${
+        showAside
+            ? "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-primary'} dark:bg-white-light transition-all duration-300 ${
+        showAside
+            ? "rotate-[2000deg] opacity-0"
+            : ""
+        }`}
+    ></div>
+    <div
+        className={`absolute left-0 w-5 h-1 rounded-md ${barColor ? barColor :'bg-primary'} dark:bg-white-light ${
+        showAside
+            ? "top-1/2 -translate-y-1/2 -rotate-45"
+            : "bottom-0"
+        }`}
+    ></div>
+    </div>
+  )
+}