vspaceone/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix swap

Browse Source
This commit is contained in:
Enrico Bühler 2024-07-01 21:51:57 +02:00
parent 84dde04352
commit 8ed037123c
1 changed files with 28 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
web/src/components/Layout/Header.astro
View File

@ -64,26 +64,34 @@ import { Menu } from "lucide-astro";
const navMobile = document.getElementById("nav-mobile")!;
const navButtons = navMobile.children;
button.addEventListener("click", () => {
if (navMobile.classList.contains("hidden")) {
animate(
navButtons as unknown as NodeListOf<any>,
{
y: [-30, 0],
scale: [0.8, 1],
opacity: [0, 1],
},
{
easing: spring({
stiffness: 200,
damping: 20,
mass: 1,
}),
delay: stagger(0.1),
},
);
}
const init = () => {
button.addEventListener("click", () => {
if (navMobile.classList.contains("hidden")) {
animate(
navButtons as unknown as NodeListOf<any>,
{
y: [-30, 0],
scale: [0.8, 1],
opacity: [0, 1],
},
{
easing: spring({
stiffness: 200,
damping: 20,
mass: 1,
}),
delay: stagger(0.1),
},
);
}
navMobile.classList.toggle("hidden");
navMobile.classList.toggle("hidden");
});
};
init();
document.addEventListener("astro:after-swap", () => {
init();
});
</script>