web/settings: navigation draft

also unified "active" class/state across all components & added more colors
2024-06-24 19:42:31 +06:00
parent d30cdf5791
commit 61733f491a
12 changed files with 195 additions and 34 deletions
--- a/web/src/components/buttons/SettingsButton.svelte
+++ b/web/src/components/buttons/SettingsButton.svelte
@@ -14,13 +14,13 @@
    export let settingValue: Value;

    $: setting = $settings[settingContext][settingId];
-    $: isSelected = setting === settingValue;
+    $: isActive = setting === settingValue;
 </script>

 <button
    id="setting-button-{settingContext}-{String(settingId)}-{settingValue}"
    class="button"
-    class:selected={isSelected}
+    class:active={isActive}
    on:click={() =>
        updateSetting({
            [settingContext]: {