fhsons/website
fhsons/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Releases Activity

Styled the component creator dialog

Browse Source
This commit is contained in:
Zakary Timson 2019-02-06 22:01:22 -05:00
parent 61a5026dd2
commit 1729e4a8ed
1 changed files with 6 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/app/formulaManager/newComponent/newComponent.component.html
View File

@ -1,18 +1,15 @@
<mat-dialog-content> <mat-dialog-content>
<h3 mat-dialog-title>
<span *ngIf="data">Update</span>
<span *ngIf="!data">Create</span> Category</h3>
<form id="createForm"> <form id="createForm">
<mat-form-field class="w-100"> <mat-form-field style="max-width: 50%">
<input matInput placeholder="Name" name="name" [(ngModel)]="name"> <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>
<mat-form-field class="w-100"> <mat-form-field class="w-100">
<input matInput placeholder="Description" name="description" [(ngModel)]="description"> <input matInput placeholder="Description" name="description" [(ngModel)]="description">
</mat-form-field> </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> </form>
</mat-dialog-content> </mat-dialog-content>
<mat-divider></mat-divider> <mat-divider></mat-divider>