diff --git a/src/app/components/contacts/contact-detail/contact-detail.component.html b/src/app/components/contacts/contact-detail/contact-detail.component.html index 53fa22b..a842e22 100644 --- a/src/app/components/contacts/contact-detail/contact-detail.component.html +++ b/src/app/components/contacts/contact-detail/contact-detail.component.html @@ -6,6 +6,7 @@
Better with a team
diff --git a/src/app/components/contacts/contact-edit/contact-edit.component.scss b/src/app/components/contacts/contact-edit/contact-edit.component.scss index 3dd1339..f5df0bb 100644 --- a/src/app/components/contacts/contact-edit/contact-edit.component.scss +++ b/src/app/components/contacts/contact-edit/contact-edit.component.scss @@ -14,7 +14,7 @@ section { .dialog { background-color: var(--white); width: 760px; - height: 500px; + height: 550px; border-radius: 26px; border: 2px solid rgba($color: #000000, $alpha: 0.1); } diff --git a/src/app/components/contacts/contact-form/contact-form.component.html b/src/app/components/contacts/contact-form/contact-form.component.html index c0a4ac1..14121ca 100644 --- a/src/app/components/contacts/contact-form/contact-form.component.html +++ b/src/app/components/contacts/contact-form/contact-form.component.html @@ -17,9 +17,6 @@ autocomplete="off" required /> - @if (!firstName.valid && firstName.touched) { - {{ "form.invalid-name" | translate }} - } - @if (!lastName.valid && lastName.touched) { - {{ "form.invalid-name" | translate }} - } + @if ((!firstName.valid && firstName.touched) && (!lastName.valid && + lastName.touched)) { + {{ "contact-dialog-form.invalid-name" | translate }} + } @else { @if (!firstName.valid && firstName.touched) { + {{ "contact-dialog-form.invalid-firstName" | translate }} + } @else { @if (!lastName.valid && lastName.touched) { + {{ "contact-dialog-form.invalid-lastName" | translate }} + } } } @if (!email.valid && email.touched) { - {{ "form.invalid-email" | translate }} + {{ "contact-dialog-form.invalid-email" | translate }} } @if (!phone.valid && phone.touched) { - {{ "form.invalid-msg" | translate }} + {{ "contact-dialog-form.invalid-phone" | translate }} }
@@ -67,14 +69,14 @@ (click)="deleteContact()" class="btn-delete" type="button" - value="{{ 'form.btn-delete' | translate }}" + value="{{ 'contact-dialog-form.btn-delete' | translate }}" />