Input type range from 1 to 4

baillysi · Oct 23, 2024 · bc7238e · bc7238e
1 parent 3fc89b3
commit bc7238e
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/CreateComponent.vue b/src/components/CreateComponent.vue
@@ -166,11 +166,11 @@ async function onSubmit() {
           <br/>
           <div class="form-group inter-maps">
             <label for="InputDifficulty">Difficulté</label>
-            <input v-model="difficulty" type="range" class="form-range range-cust" min="0" max="4" id="InputDifficulty">
+            <input v-model="difficulty" type="range" class="form-range range-cust" min="1" max="4" id="InputDifficulty">
           </div>
           <div class="form-group inter-maps">
             <label for="InputRates">Intérêt</label>
-            <input v-model="rates" type="range" class="form-range range-cust" min="0" max="4" id="InputRates">
+            <input v-model="rates" type="range" class="form-range range-cust" min="1" max="4" id="InputRates">
           </div>
           <br/>
           <div class="modal-footer">

diff --git a/src/components/UpdateComponent.vue b/src/components/UpdateComponent.vue
@@ -203,11 +203,11 @@ async function onSubmit() {
           <br/>
           <div class="form-group inter-maps">
             <label for="InputDifficulty">Difficulté</label>
-            <input v-model="updatedDifficulty" type="range" class="range-cust form-range" min="0" max="4" id="InputDifficulty">
+            <input v-model="updatedDifficulty" type="range" class="range-cust form-range" min="1" max="4" id="InputDifficulty">
           </div>
           <div class="form-group inter-maps">
             <label for="InputRates">Intérêt</label>
-            <input v-model="updatedRates" type="range" class="range-cust form-range" min="0" max="4" id="InputRates">
+            <input v-model="updatedRates" type="range" class="range-cust form-range" min="1" max="4" id="InputRates">
           </div>
           <br/>
           <div class="modal-footer">