diff --git a/Views/manageUser/manage_users.php b/Views/manageUser/manage_users.php index 91014af..c709bd0 100644 --- a/Views/manageUser/manage_users.php +++ b/Views/manageUser/manage_users.php @@ -1,18 +1,18 @@ -
+ +

Gestion de comptes

- + "> +
Nom d\'utilisateur requis

Un nom d\'utilisateur est requis pour gérer des utilisateurs.

'; } else { $A_results = $A_view["RESULTS"]; - echo '

' . $S_query . '

'; if (empty($A_results)) { echo '

Aucun résultat

Vérifiez l\'orthographe et la casse de votre saisie.

'; @@ -21,19 +21,20 @@ foreach ($A_results as $O_user) { echo ''; - - echo ' -
- - - - -
'; - } +
+ Photo de profil de ' . $O_user->S_USERNAME . ' + +
+
+ + + + +
+ '; + } + echo ''; } } ?> diff --git a/static/style.css b/static/style.css index 08ab3cb..ea43e41 100644 --- a/static/style.css +++ b/static/style.css @@ -490,7 +490,7 @@ main.recipeView > article > section.apprecitations > section > header > a { -main.editRecipe { +main.editRecipe, main.manageUser { min-width: 300px; width: 600px; max-width: 700px; @@ -568,6 +568,86 @@ main.editRecipe > form > input[type=submit] { width: fit-content; } +main.manageUser { + display: flex; + flex-direction: column; + gap: var(--size-m); +} +main.manageUser > h1 { + margin-top: var(--size-l); + margin-bottom: var(--size-l); + border-bottom: var(--border) var(--principal-neutral); +} +main.manageUser > form { + display: flex; + flex-direction: row; + justify-content: space-between; +} +main.manageUser > form > label { + display: none; +} +main.manageUser > form > input[type=text] { + background: var(--grey-light); + border: none; + border-radius: var(--border-radius); + padding-left: var(--size-m); + font-size: var(--size-xl); + padding: var(--size-m); +} +main.manageUser > form > input[type=submit] { + color: var(--secondary-pastel); + background: var(--principal-neutral); + font-size: var(--size-xl); + padding: var(--size-m); + border: none; + border-radius: var(--border-radius); +} +main.manageUser > section > ul { + display: flex; + flex-direction: row; + flex-wrap: wrap; + gap: var(--size-xl); +} +main.manageUser > section > ul > li::marker { + content: none; +} +main.manageUser > section > ul > li { + background: var(--secondary-pastel); + border-radius: var(--border-radius); + box-shadow: var(--shadow); + overflow: hidden; +} +main.manageUser > section > ul > li > section { + display: flex; + flex-direction: row; + gap: var(--size-m); + padding: var(--size-m); + background: var(--grey-light); + border-radius: var(--border-radius); + align-items: center; +} +main.manageUser > section > ul > li > section > img { + width: var(--size-max); + height: var(--size-max); + border-radius: var(--size-m); +} +main.manageUser > section > ul > li > form { + padding: var(--size-m); + display: flex; + flex-direction: row; + gap: var(--size-m); + justify-content: space-evenly; +} +main.manageUser > section > ul > li > form > input { + background: var(--principal-neutral); + border-radius: var(--border-radius); + border: none; + color: var(--secondary-pastel); + padding-left: var(--size-m); + padding-right: var(--size-m); + padding-top: var(--size-s); + padding-bottom: var(--size-s); +} footer { display: flex;