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

Merge pull request #108 from ThomasRubini/css_user_view

Browse Source 
styled user/view (user/edit)
This commit is contained in:
Marla 2023-01-26 11:40:02 +01:00 committed by GitHub
commit 0e8f4cbf0b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 59 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
Views/user/edit.php
View File

@ -1,7 +1,7 @@
<?php <?php
$O_user = $A_view["USER"]; $O_user = $A_view["USER"];
?> ?>
<main> <main class="userView">
<?php <?php
if ($O_user->B_ADMIN) { if ($O_user->B_ADMIN) {

BIN
static/.DS_Store vendored Normal file
View File

Binary file not shown.

58
static/style.css
View File

@ -264,6 +264,64 @@ form.registerForm > input[type=submit] {
box-shadow: var(--shadow); box-shadow: var(--shadow);
} }
main.userView {
display: flex;
flex-direction: column;
max-width: 600px;
margin-right: auto;
margin-left: auto;
gap: var(--size-l);
}
main.userView > p {
font-size: var(--size-xl);
font-weight: 700;
}
main.userView > a {
background: var(--principal-neutral);
border: none;
border-radius: var(--border-radius);
color: var(--secondary-pastel);
padding: var(--size-m);
font-size: var(--size-l);
width: calc(100% - var(--size-max));
box-shadow: var(--shadow);
text-decoration: none;
width: fit-content;
}
main.userView > form {
display: flex;
flex-direction: column;
}
main.userView > form > :not(label) {
margin-bottom: var(--size-l);
}
main.userView > form > label {
font-size: var(--size-l);
}
main.userView > form > :is(input[type=text], input[type=email]) {
height: var(--size-l);
border-radius: var(--border-radius);
padding: var(--size-l);
border: none;
background: var(--grey-light);
font-size: var(--size-l);
}
main.userView > form > input[type=submit] {
background: var(--principal-neutral);
border: none;
border-radius: var(--border-radius);
color: var(--secondary-pastel);
padding: var(--size-m);
font-size: var(--size-l);
width: min-content;
box-shadow: var(--shadow);
}
footer { footer {
display: flex; display: flex;
flex-direction: column; flex-direction: column;