Browse Source

fix slider

dev
Philipp Lang 2 years ago
parent
commit
13ac953e91
  1. 11
      assets/js/Stepper.vue
  2. 5
      templates/overwrite.htm

11
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">

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>

Loading…
Cancel
Save