ckoch/LudosData
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

stuff

Browse Source
This commit is contained in:
programmingPug
2018-05-20 19:50:00 -04:00
parent 7ed167bb4e
commit b9670579c5
2 changed files with 39 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/app/view-card/view-card.component.css
View File

@@ -1,5 +1,5 @@
#gameImageHeaderContainer{
height:250px;
height:300px;
overflow: hidden;
}
@@ -7,18 +7,26 @@
width:80%;
}
.lrContainer{
margin-top: 1%;
}
.card{
height: 280px;
height: auto;
width: 250px;
margin: 5px;
}
.card-2x{
width:525px;
}
.flex-container {
display: flex;
height: auto;
flex-flow: row wrap;
align-items: center;
justify-content: center;
align-items: left;
justify-content: left;
}
.example-fill-remaining-space {

58
src/app/view-card/view-card.component.html
View File

@@ -32,21 +32,40 @@
<mat-card class="lrCard">
<div class="flex-container" >
<form novalidate (ngSubmit)="onSubmit(form.value)" [formGroup]="form" class="flex-container" >
<div class="card">
<div class="row">
<div class="col-sm-12" id="gameImageHeaderContainer">
<img class="card-img-top" [src]="imageSample" alt="">
<br />
<hr />
<div class="buttonArea">
<div class="row">
<div class="col-sm-5 col-sm-push-7 buttonHolder text-center">
<button mat-button class="btn btn-primary btn-lg addMarginTop btn-landing" routerLink="/game-grid">
Cancel Changes
</button>
</div>
<div class="col-sm-2">
<button mat-button class="btn btn-primary btn-lg addMarginTop btn-landing" (click)="removeGame()" >
Remove Game
</button>
</div>
<div class="col-sm-5 col-sm-pull-7 buttonHolder text-center">
<button mat-raised-button color="primary" type="submit" [disabled]="!form.valid" >Submit Changes</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card">
<form novalidate (ngSubmit)="onSubmit(form.value)" [formGroup]="form" class="flex-container" >
<div class="card">
<div class="card card-2x">
<div class="flex-container">
<div class="card">
<div id='Row_Title' class="form-group field-wrapper">
<label [attr.for]="'Title'" class="control-label col-sm-3 isInputLabel">
Title
@@ -325,44 +344,21 @@
</div>
</div>
</div>
<br />
<div class="buttonArea">
<div class="row">
<div class="col-sm-5 col-sm-push-7 buttonHolder text-center">
<button mat-button class="btn btn-primary btn-lg addMarginTop btn-landing" routerLink="/game-grid">
Cancel Changes
</button>
</div>
<div class="col-sm-2">
<button mat-button class="btn btn-primary btn-lg addMarginTop btn-landing" (click)="removeGame()" >
Remove Game
</button>
</div>
<div class="col-sm-5 col-sm-pull-7 buttonHolder text-center">
<button mat-raised-button color="primary" type="submit" [disabled]="!form.valid" >Submit Changes</button>
</div>
</div>
</div>
<br />
</div>
</div>
</form>
</div>
</div>
</mat-card>
</div>
<!--
<hr />
<strong>Form Value</strong>
<pre>{{ form.value | json }}</pre>
<strong>Form is valid:</strong> {{form.valid}}
-->
</div>