Chore: Removed @angular/flex-layout and replaced it with tailwind.

Chore: Upgraded some packages
This commit is contained in:
2022-12-11 07:50:45 +05:30
parent b9fbdd4b99
commit 4a85a9133e
104 changed files with 564 additions and 975 deletions
@@ -11,42 +11,42 @@
</mat-icon>
</mat-card-title-group>
<mat-card-content>
<form [formGroup]="form" fxLayout="column">
<div fxLayout="row">
<mat-form-field fxFlex>
<form [formGroup]="form" class="flex flex-col">
<div class="flex flex-row justify-around content-start items-start">
<mat-form-field class="flex-auto">
<mat-label>Code</mat-label>
<input matInput placeholder="Code" formControlName="code" />
</mat-form-field>
</div>
<div fxLayout="row">
<mat-form-field fxFlex>
<div class="flex flex-row justify-around content-start items-start">
<mat-form-field class="flex-auto">
<mat-label>Name</mat-label>
<input matInput #nameElement placeholder="Name" formControlName="name" />
</mat-form-field>
</div>
<div fxLayout="row">
<mat-form-field fxFlex>
<div class="flex flex-row justify-around content-start items-start">
<mat-form-field class="flex-auto">
<mat-label>Designation</mat-label>
<input matInput placeholder="Designation" formControlName="designation" />
</mat-form-field>
</div>
<div fxLayout="row">
<mat-form-field fxFlex>
<div class="flex flex-row justify-around content-start items-start">
<mat-form-field class="flex-auto">
<mat-label>Salary</mat-label>
<input matInput placeholder="Salary" formControlName="salary" />
</mat-form-field>
</div>
<div fxLayout="row">
<mat-form-field fxFlex>
<div class="flex flex-row justify-around content-start items-start">
<mat-form-field class="flex-auto">
<mat-label>Points</mat-label>
<input matInput placeholder="Points" formControlName="points" />
</mat-form-field>
</div>
<div fxLayout="row">
<div class="flex flex-row justify-around content-start items-start">
<mat-checkbox formControlName="isActive">Is Active?</mat-checkbox>
</div>
<div fxLayout="row">
<mat-form-field fxFlex>
<div class="flex flex-row justify-around content-start items-start">
<mat-form-field class="flex-auto">
<mat-label>Cost Centre</mat-label>
<mat-select placeholder="Cost Centre" formControlName="costCentre" name="CostCentre">
<mat-option *ngFor="let cs of costCentres" [value]="cs.id">
@@ -55,7 +55,7 @@
</mat-select>
</mat-form-field>
</div>
<mat-form-field fxFlex>
<mat-form-field class="flex-auto">
<input
matInput
[matDatepicker]="joiningDate"
@@ -67,7 +67,7 @@
<mat-datepicker-toggle matSuffix [for]="joiningDate"></mat-datepicker-toggle>
<mat-datepicker #joiningDate></mat-datepicker>
</mat-form-field>
<mat-form-field *ngIf="!item.isActive" fxFlex>
<mat-form-field *ngIf="!item.isActive" class="flex-auto">
<input
matInput
[matDatepicker]="leavingDate"