diff --git a/src/renderer/src/components/common/PaletteInput.vue b/src/renderer/src/components/common/PaletteInput.vue index 5d6f5e1..fc566cf 100644 --- a/src/renderer/src/components/common/PaletteInput.vue +++ b/src/renderer/src/components/common/PaletteInput.vue @@ -17,12 +17,7 @@ ? 'hover:bg-zinc-800 text-muted-foreground mx-[1px]' : 'text-black bg-zinc-300 hover:bg-zinc-200 border-x border-t border-zinc-100' " - @click=" - () => { - enableAnimateSliders() - currentOption = key - } - " + @click="selectOption(key)" > {{ $t(option.titleKey) }} @@ -34,12 +29,7 @@ class="h-6 flex-1 transition-colors" :class="{ 'color-tab': currentOption === key }" :style="{ background: Color(option.colorNumber).hex() }" - @click=" - () => { - enableAnimateSliders() - currentOption = key - } - " + @click="selectOption(key)" /> { if (currentOption.value === null) currentOption.value = Object.keys(props.options)[0] diff --git a/src/renderer/src/components/config/keys/KeyLightConfig.vue b/src/renderer/src/components/config/keys/KeyLightConfig.vue index 409618c..e69f4af 100644 --- a/src/renderer/src/components/config/keys/KeyLightConfig.vue +++ b/src/renderer/src/components/config/keys/KeyLightConfig.vue @@ -59,4 +59,11 @@ watch( () => appStore.selectedKey, () => paletteInput.value.enableAnimateSliders() ) +// watch( +// () => deviceStore.keyStates[appStore.selectedKey], +// () => +// paletteInput.value.selectOption( +// deviceStore.keyStates[appStore.selectedKey] ? 'pressed' : 'default' +// ) +// )