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

This commit is contained in:
2026-08-16 16:24:01 +03:00
parent 096e55828d
commit 90edb6c8a3
+3 -3
View File
@@ -123,7 +123,7 @@
<label class="text-xs font-bold text-stone-400 uppercase">Укачивание</label> <label class="text-xs font-bold text-stone-400 uppercase">Укачивание</label>
<span class="text-xs transition-colors duration-300" <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')))" :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> </div>
<input type="range" name="rotation" min="-15" max="15" x-model="rotation" <input type="range" name="rotation" min="-15" max="15" x-model="rotation"
@input="$el.dispatchEvent(new CustomEvent('input-change'))" @input="$el.dispatchEvent(new CustomEvent('input-change'))"
@@ -135,7 +135,7 @@
<label class="text-xs font-bold text-stone-400">Взз-з-з-з…</label> <label class="text-xs font-bold text-stone-400">Взз-з-з-з…</label>
<span class="text-xs transition-colors duration-300" <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')))" :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> </div>
<input type="range" name="scale" min="800" max="1040" x-model="scale" <input type="range" name="scale" min="800" max="1040" x-model="scale"
@input="$el.dispatchEvent(new CustomEvent('input-change'))" @input="$el.dispatchEvent(new CustomEvent('input-change'))"
@@ -145,7 +145,7 @@
{# НАКЛОН СЕТКИ #}<div> {# НАКЛОН СЕТКИ #}<div>
<div class="flex justify-between mb-1"> <div class="flex justify-between mb-1">
<label class="text-xs font-bold text-stone-400 uppercase">Перекос</label> <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> </div>
<input type="range" name="angle" min="-44" max="45" step="1" x-model="angle" <input type="range" name="angle" min="-44" max="45" step="1" x-model="angle"
class="w-full accent-emerald-500"> class="w-full accent-emerald-500">