Commit 3d1059af authored by bvagne's avatar bvagne

fixing stuff.

Need still to fix the rating
parent 2c725f2d
......@@ -15,8 +15,9 @@
.carrousselRecipe{
display: block;
position: relative;
width: 100%;
width: 30%;
top : 10%;
left: 35%;
}
.ratingRecipe{
......@@ -29,9 +30,9 @@
.informationsRecipe {
position: absolute;
width: 900px;
width: 10%;
margin: 10px;
left: 1000px;
left: 65%;
top:0;
}
......@@ -73,6 +74,8 @@
font-size: 25px;
}
ul > li {
position: relative;
height: 5%;
margin: .5em 0;
line-height: 1.15;
}
......@@ -93,3 +96,18 @@ li p {
padding-left: 60px;
color: #555;
}
.icone {
position: relative;
height: 25px;
width: 25px;
}
.star-container {
position: relative;
height: 50px;
width: 50px;
}
#app{
max-width: 100%;
}
......@@ -27,15 +27,13 @@
</carousel>
</div>
<div class="ratingRecipe">
Rating : <star-rating :config="config" ref="myRating"></star-rating>
</div>
<div class="informationsRecipe">
<ol>
<li><img src="../assets/timer.png" height="42" width="42"><p>prep time : {{time}}</p></li>
<li><img src="../assets/calories.png" height="42" width="42"><p>Calories : {{calories}}</p></li>
<li><img src="../assets/people.jpg" height="42" width="42"><p>Serving : {{serving}}</p></li>
<li><img src="../assets/timer.png" class="icone"><p>prep time : {{time}}</p></li>
<li><img src="../assets/calories.png" class="icone"><p>Calories : {{calories}}</p></li>
<li><img src="../assets/people.jpg" class="icone"><p>Serving : {{serving}}</p></li>
<li><p>Rating : <star-rating :config="config" ref="myRating"></star-rating></p></li>
</ol>
</div>
......@@ -102,7 +100,7 @@ export default {
fullStarColor: '#ed8a19',
emptyStarColor: '#737373',
starWidth: 10,
starHeight: 10
starHeight: 10,
}
},
time: "30min",
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment