From 7c3b7d621f62f5fe59cbd0ff7e0794bc1acb5dc2 Mon Sep 17 00:00:00 2001 From: Kseninia Mikhaylova Date: Fri, 27 Sep 2024 14:18:22 +0300 Subject: [PATCH] slate clear color --- assets/main.scss | 22 +++++++++++++++------- components/calc/models.vue | 2 +- components/calc/values.vue | 12 +++++++----- 3 files changed, 23 insertions(+), 13 deletions(-) diff --git a/assets/main.scss b/assets/main.scss index 518bbd6..86345ba 100644 --- a/assets/main.scss +++ b/assets/main.scss @@ -301,7 +301,7 @@ button { @apply col-span-full grid grid-cols-12 gap-4; &-row { - @apply col-span-full flex flex-row flex-wrap gap-4; + @apply col-span-full flex flex-row flex-wrap gap-2; } &-item { @@ -320,7 +320,15 @@ button { } &_checkbox { - @apply w-full xl:w-auto flex-row xl:flex-initial flex-nowrap gap-4; + @apply w-full xl:w-auto flex-row xl:flex-initial flex-nowrap gap-2 items-center; + + label { + @apply leading-none; + } + + svg { + @apply text-slate-500; + } } &_range { @@ -335,13 +343,13 @@ button { } } - &_color { + &_picker { @apply w-full; - } - // input[type=range] { - // @apply min-w-[calc(100%-8rem)] xl:min-w-min py-0 -translate-y-1/2; - // } + svg { + @apply text-slate-500; + } + } } } diff --git a/components/calc/models.vue b/components/calc/models.vue index 1dcae39..3729cdc 100644 --- a/components/calc/models.vue +++ b/components/calc/models.vue @@ -25,7 +25,7 @@ const cameraStat = reactive({ - + diff --git a/components/calc/values.vue b/components/calc/values.vue index 4b0d430..f7782a2 100644 --- a/components/calc/values.vue +++ b/components/calc/values.vue @@ -184,7 +184,7 @@ const calc_table = computed(() => {