commit ofr now
This commit is contained in:
17
main.css
17
main.css
@@ -157,6 +157,7 @@ nav {
|
|||||||
border: 1px solid black;
|
border: 1px solid black;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
width: 95%;
|
width: 95%;
|
||||||
|
max-width: calc(128px*0.95);
|
||||||
box-shadow: 1px 1px 1px black;
|
box-shadow: 1px 1px 1px black;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -306,25 +307,33 @@ ul {
|
|||||||
.recette-div-info {
|
.recette-div-info {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
|
padding: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.recette-div-liste-info{
|
.recette-div-liste-info{
|
||||||
padding: 50px;
|
padding: 30px;
|
||||||
margin: 10px;
|
margin: 10px;
|
||||||
|
width: 100%;
|
||||||
|
flex:1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.recette-liste-info-elem {
|
.recette-liste-info-elem {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
|
padding: 4px;
|
||||||
|
padding-top: 6px;
|
||||||
|
padding-bottom: 6px;
|
||||||
|
color: #535353bd;
|
||||||
|
border-right: 1px solid #535353bd;
|
||||||
}
|
}
|
||||||
|
|
||||||
.recette-liste-info {
|
.recette-liste-info {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: row;
|
||||||
}
|
}
|
||||||
|
|
||||||
.recette-liste-tag {
|
.recette-liste-tag {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@@ -386,7 +395,7 @@ ul {
|
|||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
background: #ffa04d;
|
background: #ffa04d;
|
||||||
color: black;
|
color: black;
|
||||||
font-size: 5vmin;
|
font-size: 4vmin;
|
||||||
border-radius: 7px;
|
border-radius: 7px;
|
||||||
box-shadow: 2px 2px 0px #000000;
|
box-shadow: 2px 2px 0px #000000;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -22,9 +22,9 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="recette-div-liste-info">
|
<div class="recette-div-liste-info">
|
||||||
<ul class="recette-liste-info">
|
<ul class="recette-liste-info">
|
||||||
<li class="recette-liste-info-elem">date d'upload</li>
|
<li class="recette-liste-info-elem">27 mars 2026</li>
|
||||||
<li class="recette-liste-info-elem">temps de préparation</li>
|
<li class="recette-liste-info-elem">5 ans</li>
|
||||||
<li class="recette-liste-info-elem">nombre d'ingrédient</li>
|
<li class="recette-liste-info-elem">458946</li>
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="recette-liste-tag">
|
<ul class="recette-liste-tag">
|
||||||
<li class="tag tag-unselected">tag</li>
|
<li class="tag tag-unselected">tag</li>
|
||||||
|
|||||||
Reference in New Issue
Block a user