fix: chevron orientation

This commit is contained in:
Tine 2024-04-28 14:42:43 +02:00
parent 1ed71e455e
commit e77764c4b9
Signed by: mentos1386
SSH key fingerprint: SHA256:MNtTsLbihYaWF8j1fkOHfkKNlnN1JQfxEU/rBU8nCGw
2 changed files with 4 additions and 4 deletions

View file

@ -1878,7 +1878,7 @@ code {
display: flex;
}
.\[\&_svg\]\:open\:-rotate-180[open] svg {
--tw-rotate: -180deg;
.\[\&_svg\]\:open\:rotate-90[open] svg {
--tw-rotate: 90deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

View file

@ -84,7 +84,7 @@
</div>
{{ range $group, $monitorsAndStatus := .Monitors }}
<details
class="bg-white shadow-md rounded-lg p-6 py-4 gap-2 [&_svg]:open:-rotate-180"
class="bg-white shadow-md rounded-lg p-6 py-4 gap-2 [&_svg]:open:rotate-90"
>
<summary
class="flex flex-row gap-2 p-3 py-2 -mx-3 cursor-pointer hover:bg-blue-50 rounded-lg"
@ -108,7 +108,7 @@
<svg
class="feather h-6 w-6 overflow-visible self-center transition-all duration-300"
>
<use href="/static/icons/feather-sprite.svg#chevron-down" />
<use href="/static/icons/feather-sprite.svg#chevron-right" />
</svg>
</summary>
{{ range $monitorsAndStatus.Monitors }}