mirror of
https://github.com/Mueller-Patrick/Betterzon.git
synced 2024-11-10 00:23:58 +00:00
BETTERZON-43: Product List Component style adjustments
This commit is contained in:
parent
87193310a8
commit
940bb85bcd
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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)]);
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue
Block a user