diff --git a/assets/main.scss b/assets/main.scss index 4486239..81f8a68 100644 --- a/assets/main.scss +++ b/assets/main.scss @@ -281,7 +281,7 @@ input[type=checkbox] { } input[type=range] { - @apply w-full bg-transparent cursor-pointer appearance-none disabled:opacity-50 disabled:pointer-events-none focus:outline-none [&::-webkit-slider-thumb]:w-2.5 [&::-webkit-slider-thumb]:h-2.5 [&::-webkit-slider-thumb]:-mt-0.5 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:bg-white [&::-webkit-slider-thumb]:shadow-[0_0_0_4px_#111] [&::-webkit-slider-thumb]:shadow-slate-500 [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:transition-all [&::-webkit-slider-thumb]:duration-150 [&::-webkit-slider-thumb]:ease-in-out [&::-webkit-slider-thumb]:dark:bg-neutral-700 [&::-moz-range-thumb]:w-2.5 [&::-moz-range-thumb]:h-2.5 [&::-moz-range-thumb]:appearance-none [&::-moz-range-thumb]:bg-white [&::-moz-range-thumb]:border-4 [&::-moz-range-thumb]:border-blue-600 [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:transition-all [&::-moz-range-thumb]:duration-150 [&::-moz-range-thumb]:ease-in-out [&::-webkit-slider-runnable-track]:w-full [&::-webkit-slider-runnable-track]:h-2 [&::-webkit-slider-runnable-track]:bg-gray-100 [&::-webkit-slider-runnable-track]:rounded-full [&::-webkit-slider-runnable-track]:dark:bg-neutral-700 [&::-moz-range-track]:w-full [&::-moz-range-track]:h-2 [&::-moz-range-track]:bg-gray-100 [&::-moz-range-track]:rounded-full; + @apply w-full bg-transparent border-transparent cursor-pointer appearance-none disabled:opacity-50 disabled:pointer-events-none focus:outline-none [&::-webkit-slider-thumb]:w-2.5 [&::-webkit-slider-thumb]:h-2.5 [&::-webkit-slider-thumb]:-mt-0.5 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:bg-white [&::-webkit-slider-thumb]:shadow-[0_0_0_4px_#111] [&::-webkit-slider-thumb]:shadow-slate-500 [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:transition-all [&::-webkit-slider-thumb]:duration-150 [&::-webkit-slider-thumb]:ease-in-out [&::-webkit-slider-thumb]:dark:bg-neutral-700 [&::-moz-range-thumb]:w-2.5 [&::-moz-range-thumb]:h-2.5 [&::-moz-range-thumb]:appearance-none [&::-moz-range-thumb]:bg-white [&::-moz-range-thumb]:border-4 [&::-moz-range-thumb]:border-blue-600 [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:transition-all [&::-moz-range-thumb]:duration-150 [&::-moz-range-thumb]:ease-in-out [&::-webkit-slider-runnable-track]:w-full [&::-webkit-slider-runnable-track]:h-2 [&::-webkit-slider-runnable-track]:bg-gray-100 [&::-webkit-slider-runnable-track]:rounded-full [&::-webkit-slider-runnable-track]:dark:bg-neutral-700 [&::-moz-range-track]:w-full [&::-moz-range-track]:h-2 [&::-moz-range-track]:bg-gray-100 [&::-moz-range-track]:rounded-full; } textarea { @@ -298,14 +298,14 @@ button { } .form { - @apply col-span-full h-full grid grid-cols-12 gap-4 justify-between; + @apply col-span-full h-full flex flex-col gap-4 justify-between; &-group { - @apply col-span-full rounded gap-2; + @apply rounded flex flex-col gap-4 p-4 shadow shadow-slate-400; } &-row { - @apply col-span-full flex flex-row flex-wrap gap-2; + @apply flex flex-row flex-wrap gap-2; } &-item { @@ -323,6 +323,14 @@ button { } } + &_total { + @apply w-full flex-nowrap; + + input { + @apply w-20 bg-slate-300; + } + } + &_checkbox { @apply w-full xl:w-auto flex-row xl:flex-initial flex-nowrap gap-4; } @@ -336,6 +344,9 @@ button { input { @apply flex-grow; } + span { + @apply min-w-16; + } } } diff --git a/components/calc/values.vue b/components/calc/values.vue index 0aff0a0..bcf3b51 100644 --- a/components/calc/values.vue +++ b/components/calc/values.vue @@ -205,14 +205,14 @@ const calc_table = computed(() => { -
+
- {{ form_state.length.toFixed(0) }} мм + {{ form_state.length.toFixed(0) }} мм
@@ -220,17 +220,17 @@ const calc_table = computed(() => {
- {{ form_state.height }} мм + {{ form_state.height }} мм
-
+
+ v-model="form_state.total_length" :ref="form_refs.total_length" />