From fa04d964dfbf00708578f3afe9feaf5b8755636d Mon Sep 17 00:00:00 2001 From: Daria Golova Date: Wed, 19 Oct 2022 13:28:07 +0300 Subject: [PATCH] =?UTF-8?q?=D0=A1=D0=B4=D0=B5=D0=BB=D0=B0=D0=BB=D0=B0=20He?= =?UTF-8?q?aderChargePerson?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/icons/table.svg | 3 + src/assets/icons/white-star.svg | 3 + src/assets/images/charge-person-avatar.svg | 16 ++++ src/components/HeaderChargePerson.vue | 88 ++++++++++++++++++++++ src/components/HeaderInputs.vue | 8 +- src/components/TheHeader.vue | 25 ++++-- 6 files changed, 131 insertions(+), 12 deletions(-) create mode 100644 src/assets/icons/table.svg create mode 100644 src/assets/icons/white-star.svg create mode 100644 src/assets/images/charge-person-avatar.svg create mode 100644 src/components/HeaderChargePerson.vue diff --git a/src/assets/icons/table.svg b/src/assets/icons/table.svg new file mode 100644 index 0000000..3f6e357 --- /dev/null +++ b/src/assets/icons/table.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/icons/white-star.svg b/src/assets/icons/white-star.svg new file mode 100644 index 0000000..55bd478 --- /dev/null +++ b/src/assets/icons/white-star.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/images/charge-person-avatar.svg b/src/assets/images/charge-person-avatar.svg new file mode 100644 index 0000000..81d9c8d --- /dev/null +++ b/src/assets/images/charge-person-avatar.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/src/components/HeaderChargePerson.vue b/src/components/HeaderChargePerson.vue new file mode 100644 index 0000000..9bf3b70 --- /dev/null +++ b/src/components/HeaderChargePerson.vue @@ -0,0 +1,88 @@ + + + + + diff --git a/src/components/HeaderInputs.vue b/src/components/HeaderInputs.vue index 3a1a968..d39e0b1 100644 --- a/src/components/HeaderInputs.vue +++ b/src/components/HeaderInputs.vue @@ -41,11 +41,11 @@ export default { .header-inputs-wrapper background-color: var(--default-white) + border-radius: 4px + border: 1px solid var(--border-light-grey-color) .select-container - border-radius: 4px 0 0 4px - border: 1px solid var(--border-light-grey-color) - border-right: none + border-right: 1px solid var(--border-light-grey-color) .icon-wrapper width: 24px @@ -74,8 +74,6 @@ export default { box-shadow: var(--default-shadow) .search-input - border-radius: 0 4px 4px 0 - border: 1px solid var(--border-light-grey-color) &::placeholder color: var(--font-grey-color) diff --git a/src/components/TheHeader.vue b/src/components/TheHeader.vue index 4e7ea63..41a622f 100644 --- a/src/components/TheHeader.vue +++ b/src/components/TheHeader.vue @@ -1,12 +1,14 @@