Fix transition of hamburger icon
This commit is contained in:
parent
321d4bfdae
commit
e09e544c31
1 changed files with 4 additions and 4 deletions
|
@ -32,13 +32,13 @@
|
|||
:@click "open = !open"
|
||||
(div :class "grid justify-items-center gap-1.5"
|
||||
(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'")
|
||||
(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'")
|
||||
(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'")))
|
||||
(nav
|
||||
:class (<>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue