SKE-54 create competition change style
This commit is contained in:
parent
d9ab9802cd
commit
6f0a565558
@ -10,3 +10,13 @@
|
|||||||
.element-size {
|
.element-size {
|
||||||
width: 500px;
|
width: 500px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.field {
|
||||||
|
background-color: #DED4F4;
|
||||||
|
border: 1px solid gray;
|
||||||
|
border-left: 10px #739CB9 solid;
|
||||||
|
border-radius: 10px;
|
||||||
|
padding: 5px;
|
||||||
|
width: 520px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
@ -5,7 +5,7 @@
|
|||||||
|
|
||||||
<form (ngSubmit)="saveCompetition()"
|
<form (ngSubmit)="saveCompetition()"
|
||||||
#createCompetitionForm="ngForm">
|
#createCompetitionForm="ngForm">
|
||||||
<div class="col-sm-8 col-md-8">
|
<div class="field">
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<mat-form-field class="element-size">
|
<mat-form-field class="element-size">
|
||||||
<input matInput
|
<input matInput
|
||||||
@ -26,7 +26,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-sm-8 col-md-8">
|
<div class="field">
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<mat-form-field class="element-size">
|
<mat-form-field class="element-size">
|
||||||
<mat-select placeholder="Kategorie"
|
<mat-select placeholder="Kategorie"
|
||||||
@ -46,7 +46,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-sm-8 col-md-8">
|
<div class="field">
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<mat-form-field class="element-size">
|
<mat-form-field class="element-size">
|
||||||
<textarea matInput
|
<textarea matInput
|
||||||
@ -71,7 +71,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-sm-8 col-md-8">
|
<div class="field">
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<mat-form-field class="element-size">
|
<mat-form-field class="element-size">
|
||||||
<textarea matInput
|
<textarea matInput
|
||||||
@ -96,7 +96,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-sm-8 col-md-8">
|
<div class="field">
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<mat-form-field class="element-size">
|
<mat-form-field class="element-size">
|
||||||
<mat-select placeholder="Minimalna klasa"
|
<mat-select placeholder="Minimalna klasa"
|
||||||
@ -115,7 +115,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-sm-8 col-md-8">
|
<div class="field">
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<mat-form-field class="element-size">
|
<mat-form-field class="element-size">
|
||||||
<mat-select placeholder="Maksymalna klasa"
|
<mat-select placeholder="Maksymalna klasa"
|
||||||
@ -134,7 +134,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-sm-8 col-md-8">
|
<div class="field">
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<mat-form-field class="element-size">
|
<mat-form-field class="element-size">
|
||||||
<input matInput
|
<input matInput
|
||||||
@ -155,7 +155,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-sm-8 col-md-8">
|
<div class="field">
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<mat-form-field class="element-size">
|
<mat-form-field class="element-size">
|
||||||
<input matInput
|
<input matInput
|
||||||
@ -165,7 +165,7 @@
|
|||||||
name="endDate"
|
name="endDate"
|
||||||
#endDate="ngModel"
|
#endDate="ngModel"
|
||||||
disabled
|
disabled
|
||||||
min="{{ createCompetition.startDate | date: 'yyyy-MM-dd'}}">
|
min="{{ (createCompetition.startDate ? createCompetition.startDate : today) | date: 'yyyy-MM-dd'}}">
|
||||||
<mat-datepicker-toggle matSuffix [for]="picker2"></mat-datepicker-toggle>
|
<mat-datepicker-toggle matSuffix [for]="picker2"></mat-datepicker-toggle>
|
||||||
<mat-datepicker #picker2 disabled="false"></mat-datepicker>
|
<mat-datepicker #picker2 disabled="false"></mat-datepicker>
|
||||||
<mat-error *ngIf="endDate.invalid && endDate.errors">
|
<mat-error *ngIf="endDate.invalid && endDate.errors">
|
||||||
|
Loading…
Reference in New Issue
Block a user