diff --git a/assets/main.scss b/assets/main.scss index ffd83c1..a7b629d 100644 --- a/assets/main.scss +++ b/assets/main.scss @@ -149,7 +149,7 @@ button { } &-item { - @apply flex flex-row gap-4 items-center justify-center flex-wrap; + @apply flex flex-row gap-4 items-center justify-center flex-wrap xl:flex-nowrap; label { @apply w-full xl:w-auto; diff --git a/components/calcValues.vue b/components/calcValues.vue index 3498c89..c42d96f 100644 --- a/components/calcValues.vue +++ b/components/calcValues.vue @@ -81,7 +81,7 @@ const setPillarColor = (color: string) => { } const increment = (field: keyof typeof form_state, value: number) => { if (form_state.hasOwnProperty(field)) { - let v = form_state[field] + value * parametric[field].step ?? 1 + let v = (form_state[field] + value * parametric[field].step ?? 1) if (parametric.hasOwnProperty(field)) { if (v > parametric[field].max) { v = parametric[field].max @@ -90,7 +90,7 @@ const increment = (field: keyof typeof form_state, value: number) => { v = parametric[field].min } } - form_state[field] = v + form_state[field] = parseFloat(v.toFixed(2)) } } const autoSectionWidth = () => {