BETTERZON-43: Product List Component style adjustments

This commit is contained in:
Patrick Müller 2020-12-03 11:32:27 +01:00
parent 87193310a8
commit 940bb85bcd
3 changed files with 14 additions and 6 deletions

View File

@ -3,4 +3,7 @@
border-color: dimgrey; border-color: dimgrey;
border-radius: .5em; border-radius: .5em;
padding: .25em; padding: .25em;
margin: auto;
margin-bottom: .5em;
max-width: 50em;
} }

View File

@ -1,7 +1,12 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<p class="productItem" *ngFor="let product of products" (click)="clickedProduct(product)"> <div class="productItem" *ngFor="let product of products" (click)="clickedProduct(product)">
{{product.name}} <div *ngIf="showProductPicture">
</p> {{product.image_guid}}
<div *ngIf="showProductPicture"> </div>
Test <div>
{{product.name}}
</div>
<div>
567
</div>
</div> </div>

View File

@ -35,7 +35,7 @@ export class ProductListComponent implements OnInit {
} }
clickedProduct(product: Product): void { clickedProduct(product: Product): void {
this.router.navigate([('/helloworld/' + product.product_id)]); this.router.navigate([('/product/' + product.product_id)]);
} }
} }