[WIP] Добавил стили панели сайдбар

src/components/base/BaseInput.vue

@@ -1,6 +1,6 @@
 <template lang="pug">
   .input-wrapper.flex.gap-x-2.px-4.box-border(class="py-2.5" :style="{ minWidth: widthInput + 'px' }")
-    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" :maxlength="maxLength")
+    input.w-full.outline-0.text-base.not-italic(:value="value" :type="type" @input="$emit('update:value', $event.target.value)" :placeholder="placeholder" :maxlength="maxLength")
     .slot(v-if="withIcon" :class="iconPosition")
       slot.cursor-pointer
 </template>
@@ -24,8 +24,6 @@ export default {
       default: "Поиск",
     },
     widthInput: Number,
-    backgroundInput: String,
-    fontSizeInput: String,
   },
 };
 </script>

src/components/base/buttons/BaseCreateButton.vue

@@ -1,8 +1,8 @@
 <template lang="pug">
   button.button.flex.w-fit.gap-x-2.text-base.pt-3.pb-2.px-6
-    .flex.text-xs.w-fit.pt-1(v-if="withIcon")
-      span.icon-plus
-    span.text-base.font-semibold {{text}}
+    .flex.text-xs.w-fit.pt-1(v-if="withIcon" :class="iconPosition")
+      span.icon-plus(:style="{fontSize:iconSize + 'px'}")
+    span.text-base.font-semibold(:class="textStyled") {{text}}
 </template>
 
 <script>
@@ -15,6 +15,15 @@ export default {
     withIcon: {
       default: false,
     },
+    iconPosition: {
+      default: "left",
+    },
+    iconSize: {
+      default: 13,
+    },
+    textStyled: {
+      default: "normal",
+    },
   },
 };
 </script>
@@ -30,4 +39,16 @@ export default {
   &:active
     opacity: 1
     background-color: var(--font-dark-blue-color)
+.left
+  order: -1
+.right
+  order: 1
+  padding-top: 1px
+  border-left: 1px solid var(--bg-white-color-0)
+  padding-left: 14px
+  height: 24px
+  align-items: center
+.createEvent
+  font-weight: 500
+  padding-right: 2px
 </style>