diff --git a/src/components/Configurator.vue b/src/components/Configurator.vue index aa085771e2e06424aa5fbe060191dab96f433892..d078e392a4e13615a5b0b206a125993700440306 100644 --- a/src/components/Configurator.vue +++ b/src/components/Configurator.vue @@ -61,7 +61,13 @@ class="color-list__item" @click="setWidgetColor(s.widgetType, fillColor)" > - <div :style="{ background: fillColor }" class="bg-color" /> + <div + :style="{ background: fillColor }" + class="bg-color" + :class="{ + active: fillColor === getWidgetColor(s.widgetType), + }" + /> </li> </ul> </details> @@ -204,6 +210,12 @@ function setWidgetColor(widgetType: WidgetType, fillColor: string) { }) } } + +function getWidgetColor(type: string) { + if (type === WidgetType.Tops || type === WidgetType.Clothes) { + return avatarOption.value.widgets[type]?.fillColor + } else return '' +} </script> <style lang="scss" scoped>