Add translations and change input type to range for geometry zoom level

cortezaproject · Apr 6, 2022 · 98cf01b · 98cf01b
1 parent 97d1aed
commit 98cf01b
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/src/components/ModuleFields/Configurator/Geometry.vue b/src/components/ModuleFields/Configurator/Geometry.vue
@@ -1,14 +1,16 @@
 <template>
   <div>
-    <b-form-group>
-      <label class="d-block">Initial Zoom Level</label>
+    <b-form-group
+      :label="$t('kind.geometry.zoomLevel.label')"
+    >
       <b-form-input
         v-model="f.options.zoomLevel"
-        placeholder="Zoom Level"
-        type="number"
+        number
+        type="range"
         min="0"
         max="18"
       />
+      {{ f.options.zoomLevel }}
     </b-form-group>
   </div>
 </template>