[WIP] Добавил элементы для сайдбара в открытом состоянии, виды событий, команды

src/components/base/BaseInput.vue

@@ -1,7 +1,7 @@
 <template lang="pug">
   .input-wrapper.flex.gap-x-2.px-4.box-border(class="py-2.5" :style="{ minWidth: widthInput + 'px' }")
     img.cursor-pointer( v-if="withIcon" :class="position" src="@/assets/icons/search-black.svg" alt="SearchTable")
-    input.w-full.outline-0.text-base.not-italic(:value="value" :type="type" @input="$emit('update:value', $event.target.value)" :placeholder="placeholder")
+    input.w-full.outline-0.text-base.not-italic(:style="{ backgroundColor: backgroundInput, fontSize: fontSizeInput }" :value="value" :type="type" @input="$emit('update:value', $event.target.value)" :placeholder="placeholder")
 </template>
 
 <script>
@@ -20,6 +20,8 @@ export default {
       default: "Поиск",
     },
     widthInput: Number,
+    backgroundInput: String,
+    fontSizeInput: String,
   },
   computed: {
     position() {