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 @@