Styled the component creator dialog
This commit is contained in:
parent
61a5026dd2
commit
1729e4a8ed
@ -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>$ </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>$ </span>
|
||||
</mat-form-field>
|
||||
</form>
|
||||
</mat-dialog-content>
|
||||
<mat-divider></mat-divider>
|
||||
|
Loading…
Reference in New Issue
Block a user