WIP Переделала инпуты

src/pages/newCalendar/components/CalendarHeader.vue

@@ -1,14 +1,12 @@
 <template lang="pug">
   .calendar-header-wrapper.w-full.flex.items-center.p-4.justify-between
-    base-input(
+    base-input.search(
       iconLeft,
-      outlined,
       :width="280",
+      size="M",
       placeholder="Найти ...",
-      fontSize="16px",
-      lineHeight="19px"
     )
-      q-icon(name="app:icon-search", size="20px")
+      q-icon(name="app:search", size="20px")
     .flex.gap-x-4.items-center.justify-center
       q-btn(
         color="secondary",
@@ -20,26 +18,23 @@
         padding="2px 11px 2px 8px",
         @click="previousWeek"
       )
-      base-input(
-        outlined,
+      base-input.search(
+        size="M"
         :width="300",
-        fontSize="16px",
-        lineHeight="19px",
         iconRight,
         v-model="currentWeek",
-        readonly
       )
         .h-5.w-5.flex.items-center.justify-center
           q-icon.text.cursor-pointer(:name="calendarVisibility ? 'app:cancel' : 'app:calendar'",
-            :size="calendarVisibility ? '10px' : '16px'",
+            :size="calendarVisibility ? '12px' : '18px'",
           )
             q-menu(
-              :style="{'margin-top': '4px !important'}"
+              :style="{'margin-top': '8px !important'}"
               v-model="calendarVisibility",
               transition-show="scale",
               transition-hide="scale"
               self="top middle",
-              :offset="[122, 14]"
+              :offset="[118, 14]"
             )
               base-calendar(
                 v-model="dates",
@@ -74,11 +69,11 @@
 </template>
 
 <script>
-import BaseInput from "@/components/base/BaseInput";
 import BaseCalendar from "@/components/base/Calendar/BaseCalendar.vue";
 import { mapState, mapActions } from "vuex";
 import { v_model } from "@/shared/mixins/v-model";
 import DateSwitcherSvg from "@/pages/newCalendar/components/CalendarDateSwitcherSvg.vue";
+import BaseInput from "@/components/BaseInput.vue";
 export default {
   name: "CalendarHeader",
   mixins: [v_model],
@@ -179,6 +174,12 @@ export default {
 
 .q-btn-group :deep(.q-btn-item)
   border-radius: 4px !important
+
+.search :deep(.q-field__marginal)
+  height: auto !important
+
+.search :deep(.q-field__prepend)
+  padding-right: 6px !important
 </style>
 <style lang="sass">
 .q-field--outlined.q-field--readonly .q-field__control:before