paku/website
1
0
Fork 0
Code Issues4 Pull requests Projects Releases Packages Wiki Activity Actions

Fix transition of hamburger icon

Browse source
This commit is contained in:
Akira Tempaku 2025-05-03 13:41:35 +09:00
parent 321d4bfdae
commit e09e544c31
Signed by: paku
GPG key ID: 5B4E8402BCC50607
1 changed files with 4 additions and 4 deletions

8
src/components/header.lisp
View file

@ -32,13 +32,13 @@
:@click "open = !open" :@click "open = !open"
(div :class "grid justify-items-center gap-1.5" (div :class "grid justify-items-center gap-1.5"
(span (span
:class "h-1 w-8 rounded-full bg-black transition" :class "h-1 w-8 rounded-full bg-black transition duration-400"
:|:class| "open && 'rotate-45 translate-y-2.5'") :|:class| "open && 'rotate-45 translate-y-2.5'")
(span (span
:class "h-1 w-8 rounded-full bg-black transition" :class "h-1 w-8 rounded-full bg-black transition duration-400"
:|:class| "open && 'scale-x-0'") :|:class| "open && 'scale-x-0'")
(span (span
:class "h-1 w-8 rounded-full bg-black" :class "h-1 w-8 rounded-full bg-black transition duration-400"
:|:class| "open && '-rotate-45 -translate-y-2.5'"))) :|:class| "open && '-rotate-45 -translate-y-2.5'")))
(nav (nav
:class (<> :class (<>