changed input field and button layout

Atharva-System · Sep 23, 2022 · e64e1cc · e64e1cc
1 parent 6e09351
commit e64e1cc
Showing 1 changed file with 5 additions and 13 deletions.
diff --git a/src/app/modules/auth/sign-in/sign-in.component.html b/src/app/modules/auth/sign-in/sign-in.component.html
@@ -14,13 +14,9 @@ <h1 class="mb-4 text-2xl font-bold text-center text-black dark:text-white">
 
     <!-- Email -->
     <div>
-        <label class="block text-sm">
-            <span *ngIf="_signinForm['employeeNo'].hasValidator(constant.validators.required)"
-                class="text-red-500">&nbsp;*</span>
-            {{ 'LABEL.EMPLOYEE_NO' | translate }}
-        </label>
         <!-- Input field custom component for icon and box styleing -->
-        <app-input-field [icon]="svgs.email" [class]="'bg-white dark:text-black'"
+        <app-input-field [icon]="svgs.email" [class]="'bg-white dark:text-black'" [name]="'LABEL.EMPLOYEE_NO'"
+            [isRequired]="_signinForm['employeeNo'].hasValidator(constant.validators.required)"
             [error]="_signinForm['employeeNo'].invalid && (isFormSubmitted)">
             <input class="ml-auto focus:outline-none w-full bg-white" formControlName="employeeNo"
                 placeholder="{{ 'PLACE_HOLDER.EMPLOYEE_NO' | translate }}" type="text" />
@@ -36,13 +32,9 @@ <h1 class="mb-4 text-2xl font-bold text-center text-black dark:text-white">
     <!-- Password -->
     <div class="mt-4">
         <div>
-            <label class="block text-sm">
-                <span *ngIf="_signinForm['password'].hasValidator(constant.validators.required)"
-                    class="text-red-500">&nbsp;*</span>
-                {{ 'LABEL.PASSWORD' | translate }}
-            </label>
             <!-- Input field custom component for icon and box styleing -->
-            <app-input-field [icon]="svgs.password" [class]="'bg-white dark:text-black'"
+            <app-input-field [icon]="svgs.password" [class]="'bg-white dark:text-black'" [name]="'LABEL.PASSWORD'"
+                [isRequired]="_signinForm['password'].hasValidator(constant.validators.required)"
                 [error]="_signinForm['password'].invalid && (isFormSubmitted)">
                 <input class="ml-auto focus:outline-none w-full bg-white" formControlName="password"
                     placeholder="{{ 'PLACE_HOLDER.PASSWORD' | translate }}" type="password" />
@@ -67,6 +59,6 @@ <h1 class="mb-4 text-2xl font-bold text-center text-black dark:text-white">
 
     <!-- SignIn Button -->
     <div class="text-center mt-6">
-        <app-button [type]="'submit'" [name]="'BUTTON.SIGN_IN'" text="3/4"></app-button>
+        <app-button [type]="'submit'" [name]="'BUTTON.SIGN_IN'" class="big-btn" text="w-full"></app-button>
     </div>
 </form>