diff --git a/src/components/BaseInput.vue b/src/components/BaseInput.vue index 70fe3c6..70bdd26 100644 --- a/src/components/BaseInput.vue +++ b/src/components/BaseInput.vue @@ -5,7 +5,7 @@ :name="name", :multiple="multiple", :class="{'circle': circle, 'font-input': true, 'doc': doc}", - :input-style="{resize: resize,}", + :input-style="{resize: resize}", :borderless="borderless", :placeholder="placeholder", outlined, @@ -23,7 +23,7 @@ :debounce="debounce", :shadow-text="shadowText", :autofocus="autofocus", - hide-bottom-space, + hide-bottom-space ) template(v-slot:prepend, v-if="iconLeft") slot(name="iconLeft") @@ -131,6 +131,14 @@ export default { "--px": "0 16px", "--py": "8px 0", }; + case "auto": + return { + "--input-height": "auto", + "--text-size": "16px", + "--line-height": "normal", + "--px": "0 16px", + "--py": "8px 0", + }; default: return { "--input-height": "56px", diff --git a/src/components/base/BaseCategorySelection.vue b/src/components/base/BaseCategorySelection.vue index fcf7cb1..08e9f11 100644 --- a/src/components/base/BaseCategorySelection.vue +++ b/src/components/base/BaseCategorySelection.vue @@ -4,21 +4,18 @@ .flex.flex-col.gap-y-4.h-full .flex.flex-col.gap-y-6 .flex.font-bold.text-xl Категории - base-input.input( + base-input.search( placeholder="Поиск", @keyup.enter="searchCategory", @input="searchCategory", v-model="searchBenefit", debounce="10", - outlined, :width="300", + size="M", iconLeft ) - q-icon( - name="app:icon-search", - size="20px", - style="color: var(--font-grey-color)" - ) + template(v-slot:iconLeft) + q-icon(name="app:icon-search", size="20px", style="color: var(--font-grey-color)") .field.flex.flex-col.overflow-y-scroll(:class="{'filed-category': findSelected(selected?.id)}") .flex.items-center(v-for="benefit in benefitData", :key="benefit.id") q-item(tag="label", :style="{alignItems: benefit.name.length > 28 ? 'start' : 'center'}") @@ -43,7 +40,7 @@ base-button( label="Сохранить", width="146px", - @click="saveCategories(selected[0])" + @click="saveCategories(selected)" ) .right-side.flex.px-10.font-bold.relative q-icon(name="app:icon-cancel").text-sm.absolute.top-4.right-4.cursor-pointer(@click="closeModalCategories") @@ -66,8 +63,8 @@