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; display: flex;
} }
.\[\&_svg\]\:open\:-rotate-180[open] svg { .\[\&_svg\]\:open\:rotate-90[open] svg {
--tw-rotate: -180deg; --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)); 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> </div>
{{ range $group, $monitorsAndStatus := .Monitors }} {{ range $group, $monitorsAndStatus := .Monitors }}
<details <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 <summary
class="flex flex-row gap-2 p-3 py-2 -mx-3 cursor-pointer hover:bg-blue-50 rounded-lg" 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 <svg
class="feather h-6 w-6 overflow-visible self-center transition-all duration-300" 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> </svg>
</summary> </summary>
{{ range $monitorsAndStatus.Monitors }} {{ range $monitorsAndStatus.Monitors }}