wbaumbach/cardWorkoutApp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixing mobile

Browse Source
This commit is contained in:
Will Baumbach
2020-04-21 22:44:59 -04:00
parent 9a170a4953
commit f8062eaf05
2 changed files with 16 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/components/main/main.component.css
View File

@@ -7,8 +7,8 @@
} }
.center { .center {
display: flex; display: block;
justify-content: center; text-align: center;
} }
.sticky-card { .sticky-card {
max-height: 50%; max-height: 50%;

36
src/app/components/main/main.component.html
View File

@@ -11,7 +11,8 @@
<input type="number" class="form-control" id="numCards" [(ngModel)]="numCards"> <input type="number" class="form-control" id="numCards" [(ngModel)]="numCards">
</div> </div>
<button href="#" class="btn btn-primary" (click)="createCards()">Submit</button> <button href="#" class="btn btn-primary" (click)="createCards()">Submit</button>
<button style="margin-left: 1em" href="#" class="btn btn-danger" (click)="resetCards()">Reset</button> <button style="margin-left: 1em" href="#" class="btn btn-danger"
(click)="resetCards()">Reset</button>
</div> </div>
</div> </div>
</div> </div>
@@ -21,37 +22,28 @@
<div *ngIf="workoutDeck && showCards" class="container"> <div *ngIf="workoutDeck && showCards" class="container">
<div class="row"> <div class="row">
<!-- Previous card --> <!-- Previous card -->
<div class="col"> <div *ngIf="previousCardNumber > -1" class="col-md-4 col-sm-12 center">
<div class="alert alert-danger" role="alert"> <div class="alert alert-danger" role="alert">
Previous Card Previous Card
</div> </div>
<card class="" [number]="workoutDeck[previousCardNumber].value"
[suit]="workoutDeck[previousCardNumber].suit" (cardEmitter)="displayExercise()"
(click)="decrementCardCounter()"></card>
</div> </div>
<!-- Current card --> <!-- Current card -->
<div class="col"> <div *ngIf="currentCardNumber < workoutDeck.length" class="col-md-4 col-sm-12 center">
<div class="alert alert-success" role="alert"> <div class="alert alert-success" role="alert">
Current Card Current Card
</div> </div>
<card class=""
[number]="workoutDeck[currentCardNumber].value" [suit]="workoutDeck[currentCardNumber].suit"
(click)="incrementCardCounter()"></card>
</div> </div>
<!-- Exercise info --> <!-- Exercise info -->
<div class="col"> <div class="col-md-4 col-sm-12 center">
<div class="alert alert-success" role="alert"> <div class="alert alert-success" role="alert">
Current Exercise Current Exercise
</div> </div>
</div>
</div>
<div class="row">
<!-- Previous card -->
<div class="col center">
<card *ngIf="previousCardNumber > -1" class="" [number]="workoutDeck[previousCardNumber].value" [suit]="workoutDeck[previousCardNumber].suit"
(cardEmitter)="displayExercise()" (click)="decrementCardCounter()"></card>
</div>
<!-- Current card -->
<div class="col center">
<card *ngIf="currentCardNumber < workoutDeck.length" class="" [number]="workoutDeck[currentCardNumber].value"
[suit]="workoutDeck[currentCardNumber].suit" (click)="incrementCardCounter()"></card>
</div>
<!-- Exercise info -->
<div class="col center">
<div *ngIf="exercise && reps" class="card sticky-card"> <div *ngIf="exercise && reps" class="card sticky-card">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">{{exercise}}</h5> <h5 class="card-title">{{exercise}}</h5>