Добавлен header таблицы клиентов

src/components/base/BaseInput.vue

@@ -0,0 +1,37 @@
+<template lang="pug">
+  .input-wrapper.flex.gap-x-2.px-4.box-border(class="py-2.5")
+    img.cursor-pointer( v-if="withIcon" :class="position" src="@/assets/icons/search-black.svg" alt="SearchTable")
+    input.input-search.outline-0.text-base.not-italic(placeholder="Искать")
+</template>
+
+<script>
+export default {
+  name: "BaseInput",
+  props: {
+    withIcon: {
+      default: false,
+    },
+    iconPosition: String,
+  },
+  computed: {
+    position() {
+      if (this.iconPosition === "right") {
+        return "right";
+      }
+      return "left";
+    },
+  },
+};
+</script>
+
+<style lang="sass" scoped>
+.left
+  order: 0
+.right
+  order: 1
+.input-wrapper
+  border: 2px solid var(--br-grey-color)
+  border-radius: 4px
+.input-search
+  min-width: 220px
+</style>

src/components/base/buttons/BaseAddEvent.vue

@@ -1,19 +0,0 @@
-<template lang="pug">
-  button.event-button.cursor-pointer.not-italic.leading-5.text-base.py-3.px-4 Создать событие
-</template>
-
-<script>
-export default {
-  name: "AddEventButton",
-};
-</script>
-
-<style lang="sass" scoped>
-.event-button
-  outline: none
-  border: none
-  width: fit-content
-  color: var(--default-white)
-  background-color: var(--btn-blue-color)
-  border-radius: 4px
-</style>

src/components/base/buttons/BaseButtonPlus.vue

@@ -1,5 +1,5 @@
 <template lang="pug">
-  button..cursor-pointer.icon-plus.button-plus.text-xs.pt-1
+  button.cursor-pointer.icon-plus.button-plus.text-xs.pt-1
 </template>
 
 <script>

src/components/base/buttons/BaseCreateButton.vue

@@ -0,0 +1,28 @@
+<template lang="pug">
+  button.button.flex.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}}
+</template>
+
+<script>
+export default {
+  name: "BaseCreateButton",
+  props: {
+    text: {
+      default: "Создать",
+    },
+    withIcon: {
+      default: false,
+    },
+  },
+};
+</script>
+
+<style lang="sass" scoped>
+.button
+  border: none
+  color: var(--default-white)
+  background-color: var(--btn-blue-color)
+  border-radius: 4px
+</style>

src/components/base/buttons/BassExportButton.vue

@@ -0,0 +1,27 @@
+<template lang="pug">
+  button.button.flex.gap-x-2.px-6.box-border(class="py-2.5")
+    img(v-if="withIcon || onlyIcon" src="@/assets/icons/export.svg" alt="Export")
+    span.text.text-base.font-semibold(v-if="!onlyIcon" ) Сохранить
+</template>
+
+<script>
+export default {
+  name: "BaseExportButton",
+  props: {
+    withIcon: {
+      default: false,
+    },
+    onlyIcon: {
+      default: false,
+    },
+  },
+};
+</script>
+
+<style lang="sass" scoped>
+.button
+  border: 2px solid var(--btn-blue-color)
+  border-radius: 4px
+.text
+  color: var(--btn-blue-color)
+</style>