sandre/SkydiveLogs
0
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Modifications du style des boutons et

Browse Source 
des formulaires
This commit is contained in:
Sébastien André
2020-03-31 15:18:09 +02:00
parent 84b2947175
commit f9bf316a36
15 changed files with 85 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
Front/skydivelogs-app/src/app/new-drop-zone/new-drop-zone.component.css
View File

@@ -1,4 +1,4 @@
label {
/* label {
display: inline-block;
width: 150px;
}
@@ -13,4 +13,14 @@ input[type="email"] {
textarea {
width: 200px;
} */
mat-form-field.mat-form-field {
font-size: 16px;
}
mat-label {
color: #424242;
}

54
Front/skydivelogs-app/src/app/new-drop-zone/new-drop-zone.component.html
View File

@@ -1,27 +1,31 @@
<form [formGroup]="addForm" (ngSubmit)="onSubmit(addForm.value)">
<p class="form-group">
<label for="dzName">Dropzone name</label>
<input id="dzName" type="text" formControlName="dzName" class="form-control">
</p>
<p class="form-group">
<label for="gps">GPS</label>
<input id="gps" type="text" formControlName="gps" class="form-control">
</p>
<p class="form-group">
<label for="address">Address</label>
<textarea id="address" formControlName="address" placeholder="Address of the DZ" class="form-control"></textarea>
</p>
<p class="form-group">
<label for="contactMail">Mail of contact</label>
<input id="contactMail" type="text" formControlName="contactMail" class="form-control">
</p>
<p class="form-group">
<label for="isDz">Is a dropzone</label>
<input id="isDz" type="checkbox" formControlName="isDz" class="form-control">
</p>
<p class="form-group">
<label for="isTunnel">Is a tunnel</label>
<input id="isTunnel" type="checkbox" formControlName="isTunnel" class="form-control">
</p>
<button class="button" type="submit" class="btn btn-primary">Add</button>
<mat-form-field>
<mat-label>Dropzone name</mat-label>
<input matInput formControlName="dzName">
</mat-form-field>
<br>
<mat-form-field>
<mat-label>GPS</mat-label>
<input matInput formControlName="gps">
</mat-form-field>
<br>
<mat-form-field>
<mat-label>Address</mat-label>
<textarea matInput formControlName="address" placeholder="Address of the DZ"></textarea>
</mat-form-field>
<br>
<mat-form-field>
<mat-label>Mail of contact</mat-label>
<input matInput formControlName="contactMail">
</mat-form-field>
<br>
<mat-form-field>
<mat-checkbox formControlName="isDz">Is a dropzone</mat-checkbox>
</mat-form-field>
<br>
<mat-form-field>
<mat-checkbox formControlName="isTunnel">Is a tunnel</mat-checkbox>
</mat-form-field>
<br>
<button type="submit" mat-button>Add</button>
</form>