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

Merge pull request #113 from ThomasRubini/css_search

Browse Source 
Css search style
This commit is contained in:
Marla 2023-01-26 15:33:11 +01:00 committed by GitHub
commit b33a6346bd
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 26 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
Views/recipe/search.php
View File

@ -4,7 +4,7 @@
?> ?>
<main class="hasAside"> <main class="hasAside search">
<?php View::show("common/category_list") ?> <?php View::show("common/category_list") ?>
<article> <article>
<!-- Inclure les catégories --> <!-- Inclure les catégories -->

27
static/style.css
View File

@ -302,7 +302,7 @@ main.userView > form > label {
font-size: var(--size-l); font-size: var(--size-l);
} }
main.userView > form > :is(input[type=text], input[type=email]) { :is(main.userView > form, main.search > article > form) > :is(input[type=text], input[type=email]) {
height: var(--size-l); height: var(--size-l);
border-radius: var(--border-radius); border-radius: var(--border-radius);
padding: var(--size-l); padding: var(--size-l);
@ -311,7 +311,7 @@ main.userView > form > :is(input[type=text], input[type=email]) {
font-size: var(--size-l); font-size: var(--size-l);
} }
main.userView > form > input[type=submit] { :is(main.userView > form, main.search > article > form) > input[type=submit] {
background: var(--principal-neutral); background: var(--principal-neutral);
border: none; border: none;
border-radius: var(--border-radius); border-radius: var(--border-radius);
@ -322,6 +322,29 @@ main.userView > form > input[type=submit] {
box-shadow: var(--shadow); box-shadow: var(--shadow);
} }
main.search > article {
display: flex;
flex-direction: column;
gap: var(--size-max);
max-width: 700px;
}
main.search > article > form {
display: flex;
flex-direction: row;
gap: var(--size-l);
}
main.search > article > form > label {
display: none;
}
main.search > article > section {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--size-xl);
}
footer { footer {
display: flex; display: flex;
flex-direction: column; flex-direction: column;