web: convert global state classes to data attributes

also cleaned up unnecessary dupe in sidebar component
2024-07-12 19:15:55 +06:00
parent b12ad56cc1
commit 5ccde7995e
4 changed files with 10 additions and 12 deletions
--- a/web/src/components/settings/SettingsCategory.svelte
+++ b/web/src/components/settings/SettingsCategory.svelte
@@ -35,7 +35,7 @@
        animation: highlight 2s;
    }

-    :global(.reduce-motion) .settings-content.animate {
+    :global([data-reduce-motion="true"]) .settings-content.animate {
        animation: highlight-lite 2s !important;
    }