fix slider

assets/js/Stepper.vue

@@ -67,10 +67,7 @@
             <slide v-if="value.category == 'Gewerbe'" :key="4" class="py-8 sm:py-16 px-3 sm:px-6">
                 <div class="text-center font-semibold text-gray-700 text-sm">Frage 5</div>
                 <heading>Wann wurde das<br />Gewerbe <span class="text-primary">erbaut?</span></heading>
-                <!--
-                                                                                                                                                                                <veeno :pipsy="pipsy" :tooltips="tooltips" :handles="[1950]" class="w-4/5 mx-auto" :range="range"
-                                                                                                                                                                                    v-model="value.construction_year" />
-                                                                                                                                                                -->
+                <v-slider :min="1900" :max="maxYear" v-model="value.construction_year"></v-slider>
                 <pagination v-model="innerStep" class="mt-24"></pagination>
             </slide>
             <slide v-if="value.category == 'Gewerbe'" :key="5" class="py-8 sm:py-16 px-3 sm:px-6">
@@ -99,9 +96,9 @@
                 <div class="text-center font-semibold text-gray-700 text-sm">Frage 4</div>
                 <heading>Wann wurde die<br />Wohnung <span class="text-primary">erbaut?</span></heading>
                 <!--
-                                                                                                                                                                                <veeno :pipsy="pipsy" :tooltips="tooltips" :handles="[1950]" class="w-4/5 mx-auto" :range="range"
-                                                                                                                                                                                    v-model="value.construction_year" />
-                                                                                                                                                                -->
+                                                                                                                                                                                    <veeno :pipsy="pipsy" :tooltips="tooltips" :handles="[1950]" class="w-4/5 mx-auto" :range="range"
+                                                                                                                                                                                        v-model="value.construction_year" />
+                                                                                                                                                                    -->
                 <pagination v-model="innerStep" class="mt-24"></pagination>
             </slide>
             <slide v-if="value.category == 'Wohnung'" class="py-8 sm:py-16 px-3 sm:px-6" :key="5">

templates/overwrite.htm

@@ -2,4 +2,9 @@
 :root {
     --iw-slider-primary-color: #ff0000;
 }
+.slider-custom {
+    --slider-connect-bg: var(--iw-slider-primary-color);
+    --slider-tooltip-bg: var(--iw-slider-primary-color);
+    --slider-handle-ring-color: var(--iw-slider-primary-color);
+}
 </style>