mod: интерфейс (3) цифры (там где нужно) имеют значения (градусы и проценты)

hypn0/templates/index.html

@@ -123,7 +123,7 @@
                 <label class="text-xs font-bold text-stone-400 uppercase">Укачивание</label>
                 <span class="text-xs transition-colors duration-300"
                       :class="rotation < -7 ? 'text-red-600' : (rotation < -4 ? 'text-yellow-600' : (rotation > 7 ? 'text-red-600' : (rotation > 4 ? 'text-yellow-600' : 'text-emerald-600')))"
-                      x-text="rotation"></span>
+                      x-text="rotation + '°'"></span>
               </div>
               <input type="range" name="rotation" min="-15" max="15" x-model="rotation"
                      @input="$el.dispatchEvent(new CustomEvent('input-change'))"
@@ -135,7 +135,7 @@
                 <label class="text-xs font-bold text-stone-400">Взз-з-з-з…</label>
                 <span class="text-xs transition-colors duration-300"
                       :class="scale < 900 ? 'text-red-600' : (scale < 950 ? 'text-yellow-600' : (scale > 1030 ? 'text-red-600' : (scale > 1010 ? 'text-yellow-600' : 'text-emerald-600')))"
-                      x-text="scale"></span>
+                      x-text="(scale / 10).toFixed(1) + '%'"></span>
               </div>
               <input type="range" name="scale" min="800" max="1040" x-model="scale"
                      @input="$el.dispatchEvent(new CustomEvent('input-change'))"
@@ -145,7 +145,7 @@
             {# НАКЛОН СЕТКИ #}<div>
               <div class="flex justify-between mb-1">
                 <label class="text-xs font-bold text-stone-400 uppercase">Перекос</label>
-                <span class="text-xs transition-colors duration-300 text-emerald-600" x-text="angle"></span>
+                <span class="text-xs transition-colors duration-300 text-emerald-600" x-text="angle + '°'"></span>
               </div>
               <input type="range" name="angle" min="-44" max="45" step="1" x-model="angle"
                      class="w-full accent-emerald-500">