isa44.74/brief-la-belle-plante2
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Mise en page de la carte detail

Browse Source
This commit is contained in:
HarmandI 2022-01-18 20:52:41 +01:00
parent 28aff74caf
commit 48f5ee490c
1 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/app/pages/page-details/page-details.component.html
View File

@ -1,15 +1,20 @@
<div class="container" *ngIf="detailsPlant"> <div class="d-flex justify-content-center" *ngIf="detailsPlant">
<div class="row my-4"> <div class="d-flex align-items-center flex-column">
<img src="{{detailsPlant.product_url_picture}}" class="col-sm-5" style="width: 30rem;" <img src="{{detailsPlant.product_url_picture}}" class="col-sm-5" style="width: 30rem;"
alt="Image de {{ detailsPlant.product_name }}"> alt="Image de {{ detailsPlant.product_name }}">
<div class="col-sm-6"> <div class="card-content">
<app-avis-bar></app-avis-bar>
</div>
</div>
<div class="d-flex align-items-start flex-column mt-4 ">
<h4 style=" color: green;">{{detailsPlant.product_breadcrumb_label}}</h4> <h4 style=" color: green;">{{detailsPlant.product_breadcrumb_label}}</h4>
<h2 class="card-title" style="font-size: 30px;">{{ detailsPlant.product_name }}</h2> <h2 class="card-title" style="font-size: 30px;">{{ detailsPlant.product_name }}</h2>
<div> <div>
</div> </div>
<div class="card-content"> <div class="card-content">
</div> </div>
<div style="border-style: solid; border-color: green; margin: auto; text-align: center;"> <div style="border-style: solid; border-color: green; margin: auto; text-align: left; margin-right: 20%;">
<p> <p>
Plante appréciant la chaleur et un bon réseau wifi, Plante appréciant la chaleur et un bon réseau wifi,
interconnectée avec son propriétaire et détestant les chats. interconnectée avec son propriétaire et détestant les chats.
@ -17,9 +22,10 @@
mois de juin. mois de juin.
</p> </p>
</div> </div>
<div class="card-content" style="font-weight: bold">{{ detailsPlant.product_unitprice_ati }} € <a href="#" class="card-content" class="btn btn-success">Je l'ajoute à mon panier : {{ detailsPlant.product_unitprice_ati }} €</a>
</div>
<div>Quantité restante : {{detailsPlant.product_qty}}</div> <div>Quantité restante : {{detailsPlant.product_qty}}</div>
<a href="#" class="btn btn-success" style="margin-left: 75%" >Voir mon panier</a>
</div> </div>
</div>
</div> </div>