WIP Исправлен баг на категориях льгот

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 @@
 </template>
 
 <script>
-import BaseInput from "@/components/base/BaseInput.vue";
 import BaseButton from "@/components/base/BaseButton.vue";
+import BaseInput from "@/components/BaseInput.vue";
 
 export default {
   name: "BaseCategorySelection",
@@ -218,4 +215,7 @@ export default {
 
 .radio :deep(.q-radio__inner)
   height: 24px
+
+.search :deep(.q-field__prepend)
+  padding-right: 6px
 </style>