FIX: Clamp ring bar value

2024-05-19 20:24:47 +02:00
parent fce5e8f927
commit 179dcdf84d
1 changed files with 8 additions and 2 deletions
--- a/src/renderer/src/components/device/DevicePreview.vue
+++ b/src/renderer/src/components/device/DevicePreview.vue
@@ -127,8 +127,14 @@ const deviceStore = useDeviceStore()
 const devicePosition = computed(() => deviceStore.position || 0)
 const minValue = computed(() => deviceStore.activeValue?.valueMin || 0)
 const maxValue = computed(() => deviceStore.activeValue?.valueMax || 100)
-const ringValue = computed(
-  () => ((devicePosition.value - minValue.value) / (maxValue.value - minValue.value)) * 100
+const ringValue = computed(() =>
+  Math.min(
+    Math.max(
+      minValue.value,
+      ((devicePosition.value - minValue.value) / (maxValue.value - minValue.value)) * 100
+    ),
+    maxValue.value
+  )
 )

 const previewDeviceImages = {