DjalimSimaila/MVC_Recettes
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

styling buttons and part alim section

Browse Source
This commit is contained in:
Capelier-Marla 2023-01-26 16:37:31 +01:00
parent e407e71eef
commit 490de05036
2 changed files with 26 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
Views/recipe/edit.php
View File

@ -51,13 +51,13 @@ if ($O_recipe === null) {
<legend>Particularités du plat&nbsp;:</legend>
<input type="checkbox" name="part_Vegan" id="recipeVegan" <?= in_array("Végan", $A_parts)? "checked":"" ?> >
<label for="recipeVegan">Végan</label>
<label for="recipeVegan" class="labelParticularite">Végan</label>
<input type="checkbox" name="part_LactoseFree" id="recipeLactoseFree" <?= in_array("Sans lactose", $A_parts)? "checked":"" ?> >
<label for="recipeLactoseFree">Sans lactose</label>
<label for="recipeLactoseFree" class="labelParticularite">Sans lactose</label>
<input type="checkbox" name="part_GlutenFree" id="recipeGlutenFree" <?= in_array("Sans gluten", $A_parts)? "checked":"" ?> >
<label for="recipeGlutenFree">Sans gluten</label>
<label for="recipeGlutenFree" class="labelParticularite">Sans gluten</label>
</br>
</br>
<label for="recipeTime">Temps de préparation&nbsp;:</label>
<input type="number" name="recipeTime" id="recipeTime" min="5" max="1500" step="5" placeholder="Temps de préparation" value="<?= $I_time ?>" required>
@ -145,7 +145,6 @@ if ($O_recipe === null) {
</main>
<script>
console.log("a");
numberOfIngredients = <?= $numberOfIngredients ?>;
const buttonIngredientPlus = document.querySelector("#recipeButtonIngredientPlus");
const buttonIngredientLess = document.querySelector("#recipeButtonIngrdientLess");

22
static/style.css
View File

@ -393,6 +393,28 @@ main.editRecipe > form > textarea#recipeDescription {
main.editRecipe > form > textarea#recipeDescription:focus-visible {
outline: none;
}
main.editRecipe > form > section > h1 {
color: var(--principal-neutral);
font-size: var(--size-xl);
padding-bottom: var(--size-m);
}
main.editRecipe > form > section > :not(label.labelParticularite, h1) {
margin-left: var(--size-l);
}
main.editRecipe > form > section > button {
margin-top: var(--size-m);
width: var(--size-xl);
height: var(--size-xl);
background: var(--principal-neutral);
border-radius: var(--size-s);
box-shadow: var(--shadow);
border: none;
color: var(--secondary-pastel);
}
main.editRecipe > form > section > button:disabled {
background: var(--grey-light);
color: var(--grey-dark);
}
footer {
display: flex;