Styled the component creator dialog

This commit is contained in:
Zakary Timson 2019-02-06 22:01:22 -05:00
parent 61a5026dd2
commit 1729e4a8ed

View File

@ -1,18 +1,15 @@
<mat-dialog-content>
<h3 mat-dialog-title>
<span *ngIf="data">Update</span>
<span *ngIf="!data">Create</span> Category</h3>
<form id="createForm">
<mat-form-field class="w-100">
<input matInput placeholder="Name" name="name" [(ngModel)]="name">
<mat-form-field style="max-width: 50%">
<input matInput placeholder="Component Name" name="name" [(ngModel)]="name">
</mat-form-field>
<mat-form-field class="float-right" style="max-width: 150px">
<input matInput placeholder="Per Kg" type="number" name="cost" [(ngModel)]="price">
<span matPrefix>$&nbsp;</span>
</mat-form-field>
<mat-form-field class="w-100">
<input matInput placeholder="Description" name="description" [(ngModel)]="description">
</mat-form-field>
<mat-form-field>
<input matInput placeholder="Price ($/Kg)" type="number" name="cost" [(ngModel)]="price">
<span matPrefix>$&nbsp;</span>
</mat-form-field>
</form>
</mat-dialog-content>
<mat-divider></mat-divider>