improve accordtion

This commit is contained in:
2025-04-29 12:42:52 -03:00
parent f535e1aa25
commit 52d0e4755f
5 changed files with 14 additions and 9 deletions

View File

@@ -4,12 +4,12 @@ import { Icon } from "astro-icon/components";
<div
class="cursor-pointer flex items-center justify-between px-5 gap-3 py-3"
x-on:click="open = !open"
x-on:click="open = ! open"
>
<slot />
<Icon
name="chevron-down"
class="size-4 fill-white/60 group-data-[hover]:fill-white/50 shrink-0"
class="size-4 fill-white/60 group-data-[hover]:fill-white/50 shrink-0 transition duration-300"
:class="{'-rotate-180': open === true}"
/>
</div>