fix: sliders on click (#852)

SlovakNationalGallery · May 12, 2023 · 8edaa0c · 8edaa0c
1 parent 456b208
commit 8edaa0c
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/resources/js/components/catalog-new/NewColorSlider.vue b/resources/js/components/catalog-new/NewColorSlider.vue
@@ -9,9 +9,13 @@
             :dotSize="24"
             :height="12"
             :process="false"
-            :railStyle="{'background': 'linear-gradient(to right, #d82626 0%, #d8d826 17%, #26d826 33%, #26d8d8 50%, #2626d8 67%, #d826d8 83%, #d82626 100%)'}"
+            :railStyle="{
+                background:
+                    'linear-gradient(to right, #d82626 0%, #d8d826 17%, #26d826 33%, #26d8d8 50%, #2626d8 67%, #d826d8 83%, #d82626 100%)',
+            }"
             lazy
             class="tw-cursor-pointer"
+            @update:model-value="hueChange"
             @dragging="hueChange"
             @change="$emit('change', color)"
         >
@@ -43,6 +47,7 @@
             :railStyle="lightnessBgColor()"
             lazy
             class="tw-cursor-pointer tw-mt-3"
+            @update:model-value="lightnessChange"
             @dragging="lightnessChange"
             @change="$emit('change', color)"
         >

diff --git a/resources/js/components/catalog-new/NewYearSlider.vue b/resources/js/components/catalog-new/NewYearSlider.vue
@@ -8,7 +8,7 @@
             :duration="0"
             :dotSize="24"
             :height="2"
-            lazy
+            @update:model-value="value = { from: $event[0], to: $event[1] }"
             @drag-end="$emit('change', value)"
             @dragging="value = { from: $event[0], to: $event[1] }"
             class="tw-cursor-pointer"