- Cataloghi: pagine, schede, formato

src/components/CMySlider/CMySlider.vue

@@ -1,17 +1,29 @@
 <template>
-  <div class="q-pa-xs" style="width: 170px">
-    <q-badge color="primary"> {{ label }} {{ modelValue }} </q-badge>
-
+  <q-badge color="primary"> {{ label }} {{ modelValue }} </q-badge>
+  <div class="q-pa-xs row no-wrap">
+    <q-btn
+      icon="fas fa-minus"
+      @click="decrementValue"
+      :disable="disable || !sliderValue"
+      flat
+    />
     <q-input
+      style="width: 150px"
       dense
       v-model="sliderValue"
       filled
       :disable="disable"
     >
     </q-input>
+    <q-btn icon="fas fa-plus" @click="incrementValue" :disable="disable" flat />
 
-    <q-slider :disable="disable" v-model="sliderValue" :min="min" :max="max" :color="color" />
-
+    <q-slider
+      :disable="disable"
+      v-model="sliderValue"
+      :min="min"
+      :max="max"
+      :color="color"
+    />
   </div>
 </template>