Formatting improvements
This commit is contained in:
@@ -1,3 +1,5 @@
|
|||||||
<button class="btn btn-light" (click)="change()" >
|
<button class="btn btn-light" (click)="change()" >
|
||||||
<span *ngIf="isPositive()">+</span> {{amount}}
|
<span [ngClass]="{'extraLarge' : isExtraLarge() } ">
|
||||||
|
<span *ngIf="isPositive()">+</span> {{amount}}
|
||||||
|
</span>
|
||||||
</button>
|
</button>
|
||||||
|
|||||||
@@ -3,4 +3,6 @@
|
|||||||
margin: 4%
|
margin: 4%
|
||||||
font-family: Garamond
|
font-family: Garamond
|
||||||
font-weight: bold
|
font-weight: bold
|
||||||
font-size: 1.5em
|
font-size: 1.3em
|
||||||
|
.extraLarge
|
||||||
|
font-size: 1.7em
|
||||||
@@ -18,4 +18,9 @@ export class PointsComponent {
|
|||||||
isPositive() {
|
isPositive() {
|
||||||
return this.amount > 0;
|
return this.amount > 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
isExtraLarge() {
|
||||||
|
return this.amount == 10;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user