[WIP] Заменил селекты, попровил стили

src/pages/schedule/components/FormChangeShift.vue

@@ -8,8 +8,16 @@
         .icon-cancel.close-icon.tesxt-xs.cursor-pointer(@click="closeForm")
     .flex.flex-col.gap-y-6
       base-input(label="Дата", type="date", outlined)
-      base-custom-select(v-model="currentEmployee", label="Текущий сотрудник")
-      base-custom-select(v-model="currentEmployee", label="Замена сотрудника")
+      base-select(
+        v-model="currentEmployee",
+        label="Текущий сотрудник",
+        placeholder="Выберите сотрудника"
+      )
+      base-select(
+        v-model="currentEmployee",
+        label="Замена сотрудника",
+        placeholder="Выберите сотрудника"
+      )
       .time-wrapper.flex.justify-center.gap-x-6
         base-input(
           type="time",
@@ -34,12 +42,12 @@
 </template>
 
 <script>
-import BaseCustomSelect from "@/components/base/BaseCustomSelect.vue";
+import BaseSelect from "@/components/base/BaseSelect.vue";
 import BaseInput from "@/components/base/BaseInput.vue";
 
 export default {
   name: "FormChangeShift",
-  components: { BaseCustomSelect, BaseInput },
+  components: { BaseSelect, BaseInput },
   props: { closeForm: Function, timesShift: Object },
   data() {
     return {

src/pages/schedule/components/ScheduleBar.vue

@@ -31,9 +31,8 @@
             style="width: 200px"
           )
       .graph-template.flex.flex-col.items-center.gap-y-4
-        base-custom-select(
+        base-select(
           :items="templateList",
-          center,
           v-model="template.item",
           placeholder="Шаблоны графиков"
         )
@@ -65,14 +64,14 @@
 </template>
 
 <script>
-import BaseCustomSelect from "@/components/base/BaseCustomSelect.vue";
+import BaseSelect from "@/components/base/BaseSelect.vue";
 import BaseInput from "@/components/base/BaseInput.vue";
 
 export default {
   name: "ScheduleBar",
   components: {
     BaseInput,
-    BaseCustomSelect,
+    BaseSelect,
   },
   props: {
     buttons: Array,

src/pages/schedule/components/ScheduleTableSelect.vue

@@ -18,12 +18,11 @@
       :style="{color: 'var(--btn-blue-color)'}"
     )
       // TODO: какая-то странная хуйня с v-model, передается пропса
-      base-custom-select(
+      base-select(
         v-if="!selectEmployee.label",
         :items="ownersList",
         v-model="selectEmployee",
-        placeholder="Добавить сотрудника",
-        :style="{border: 'none', justifyContent: 'center'}"
+        placeholder="Добавить сотрудника"
       )
       .flex.justify-center(v-else) {{selectEmployee.label}}
     .row.flex
@@ -39,11 +38,11 @@
 </template>
 
 <script>
-import BaseCustomSelect from "@/components/base/BaseCustomSelect.vue";
+import BaseSelect from "@/components/base/BaseSelect.vue";
 
 export default {
   name: "ScheduleTableSelect",
-  components: { BaseCustomSelect },
+  components: { BaseSelect },
   props: {
     selectEmployee: Object,
     result: Array,