vincentRamiere/simpleat
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

card resto + modifs

Browse source
This commit is contained in:
Your Name 2022-01-20 17:23:07 +01:00
parent 70264d5496
commit 1c9acc3193
14 changed files with 97 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

28
src/app/card-resto/card-resto.component.html
View file

@ -1 +1,27 @@
<p>card-resto works!</p>
<div class="container position-relative shadow p-0 mb-5 bg-body rounded rounded m-5 rounded-top " style="width: 18rem;" >
<img class="card-img-top " src="assets/ImagesRestos/photo.jpg" alt="Card image cap">
<div class="card-body rounded-bottom">
<h3 class="titre-resto d-flex justify-content-center d-flex align-items-center" style="font-size: 24px;">NOM RESTAURANT</h3>
<div class="accordion" id="accordionExample">
<h2 class="accordion-header" id="headingOne">
<button class="btn" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
PLUS D'INFOS
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
<div class=" body accordion-body pt-5">
<strong>This is the first item's accordion body.</strong>
<ul>
<li><i class="far fa-star"></i></li>
<li><i class="far fa-star"></i></li>
</ul>
</div>
</div>
</div>
</div>

21
src/app/card-resto/card-resto.component.scss
View file

@ -0,0 +1,21 @@
.titre-resto{
margin-bottom: 0.9rem;
}
.btn{
position: absolute;
background-color: #CE0000;
color: #fff;
width: 100%;
right: 0;
border-radius: 0 0 0.25rem 0.25rem;
padding: 1.375rem 0.75rem;
}
.accordion .btn:focus{
box-shadow: none;
}