From 007a4fb0148046757e99b32b407d734c98814750 Mon Sep 17 00:00:00 2001 From: Kseninia Mikhaylova Date: Wed, 25 Sep 2024 15:05:28 +0300 Subject: [PATCH] dropdown --- assets/main.scss | 17 +- .../dropdown/{colorPicker.vue => color.vue} | 2 +- components/dropdown/list.vue | 4 +- components/dropdown/picker.vue | 39 +- package-lock.json | 536 ++++++++++++++++-- package.json | 1 + 6 files changed, 524 insertions(+), 75 deletions(-) rename components/dropdown/{colorPicker.vue => color.vue} (73%) diff --git a/assets/main.scss b/assets/main.scss index ebd55f0..a652d5f 100644 --- a/assets/main.scss +++ b/assets/main.scss @@ -349,14 +349,25 @@ button { } .picker { - @apply leading-none; + @apply leading-none w-full; + + &_open { + @apply flex-wrap; + } + + &-input { + @apply flex items-center justify-between; + } + &-button { + @apply flex-grow h-full; + } &-selected { @apply size-10 rounded border-gray-300 shadow inline-block leading-none; } &-changer { - @apply flex gap-0; + @apply flex gap-4 mt-4 max-h-24 overflow-auto; } &-list { @@ -364,7 +375,7 @@ button { } &-item { - @apply w-10 h-10; + @apply size-10; &--empty { @apply block bg-slate-300; diff --git a/components/dropdown/colorPicker.vue b/components/dropdown/color.vue similarity index 73% rename from components/dropdown/colorPicker.vue rename to components/dropdown/color.vue index 4056e3b..efc7ccb 100644 --- a/components/dropdown/colorPicker.vue +++ b/components/dropdown/color.vue @@ -6,7 +6,7 @@ const props = defineProps(['color', 'cb'])