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

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",

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>

src/components/base/BaseInputDate.vue

@@ -18,19 +18,19 @@
       hide-bottom-space,
       lazy-rules
     )
-      template(v-slot:append)
+      template(v-slot:append, v-if="!readonly && !disabled")
         q-icon(
           name="app:calendar",
           class="cursor-pointer",
           size="18px"
         )
           q-menu(
-            :style="{'margin-top': '8px !important'}",
+            :style="{'margin-top': '6px !important'}",
             v-model="calendarVisibility",
             transition-show="scale",
             transition-hide="scale",
             self="top middle",
-            :offset="[118, 14]"
+            :offset="[118, 14]",
           )
             base-calendar(
               v-model="internalDate",

src/components/base/BaseInputTime.vue

@@ -18,7 +18,7 @@
       hide-bottom-space,
       no-error-icon
     )
-      template(v-slot:append)
+      template(v-slot:append, v-if="!readonly && !disabled")
         q-icon(
           name="app:time",
           class="cursor-pointer",