Merge pull request #107 from ThomasRubini/css_selector_form_update
added classes to use css easier
This commit is contained in:
commit
a64c4b9055
@ -12,7 +12,7 @@ $O_user = $A_view["USER"];
|
|||||||
|
|
||||||
<a href="/user/logout">Se déconnecter</a>
|
<a href="/user/logout">Se déconnecter</a>
|
||||||
|
|
||||||
<form action="/user/update" method="post" enctype="multipart/form-data">
|
<form class="userForm" action="/user/update" method="post" enctype="multipart/form-data">
|
||||||
<label for="profilPicture">Changer l'image de profil </label>
|
<label for="profilPicture">Changer l'image de profil </label>
|
||||||
<input type="file" name="profilPicture" id="profilPicture" accept="image/*">
|
<input type="file" name="profilPicture" id="profilPicture" accept="image/*">
|
||||||
|
|
||||||
|
@ -5,7 +5,7 @@
|
|||||||
?>
|
?>
|
||||||
<main class="registerPage">
|
<main class="registerPage">
|
||||||
<section>
|
<section>
|
||||||
<form method="POST" action="/user/signin">
|
<form class="registerForm" method="POST" action="/user/signin">
|
||||||
<h2>Connexion</h2>
|
<h2>Connexion</h2>
|
||||||
<label for="email">Entrez votre email</label>
|
<label for="email">Entrez votre email</label>
|
||||||
<input type="email" name="email" id="email" placeholder="Email" required>
|
<input type="email" name="email" id="email" placeholder="Email" required>
|
||||||
@ -17,7 +17,7 @@
|
|||||||
</section>
|
</section>
|
||||||
<hr>
|
<hr>
|
||||||
<section>
|
<section>
|
||||||
<form method="POST" action="/user/signup" id="signin">
|
<form class="registerForm" method="POST" action="/user/signup" id="signin">
|
||||||
<h2>Inscription</h2>
|
<h2>Inscription</h2>
|
||||||
<label for="email">Entrez votre email</label>
|
<label for="email">Entrez votre email</label>
|
||||||
<input type="email" name="email" id="email" placeholder="Email" required>
|
<input type="email" name="email" id="email" placeholder="Email" required>
|
||||||
|
@ -219,7 +219,7 @@ main.registerPage > hr {
|
|||||||
border-radius: var(--border-radius);
|
border-radius: var(--border-radius);
|
||||||
}
|
}
|
||||||
|
|
||||||
main.registerPage > section > form {
|
form.registerForm {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: var(--size-xl);
|
gap: var(--size-xl);
|
||||||
@ -227,19 +227,19 @@ main.registerPage > section > form {
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
main.registerPage > section > form > h2 {
|
form.registerForm > h2 {
|
||||||
font-size: var(--size-xl);
|
font-size: var(--size-xl);
|
||||||
}
|
}
|
||||||
|
|
||||||
main.registerPage > section > form > label {
|
form.registerForm > label {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
main.registerPage > section > form > input {
|
form.registerForm > input {
|
||||||
font-family: 'Nunito', 'Arial';
|
font-family: 'Nunito', 'Arial';
|
||||||
}
|
}
|
||||||
|
|
||||||
main.registerPage > section > form > input[type=text], input[type=email], input[type=password] {
|
form.registerForm > :is(input[type=text], input[type=email], input[type=password]) {
|
||||||
height: var(--size-xl);
|
height: var(--size-xl);
|
||||||
border-radius: var(--border-radius);
|
border-radius: var(--border-radius);
|
||||||
padding: var(--size-l);
|
padding: var(--size-l);
|
||||||
@ -248,12 +248,12 @@ main.registerPage > section > form > input[type=text], input[type=email], input[
|
|||||||
font-size: var(--size-xl);
|
font-size: var(--size-xl);
|
||||||
}
|
}
|
||||||
|
|
||||||
main.registerPage > section > form > :is(input[type=text], input[type=email], input[type=password])::placeholder {
|
form.registerForm > :is(input[type=text], input[type=email], input[type=password])::placeholder {
|
||||||
color: var(--grey-dark);
|
color: var(--grey-dark);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
main.registerPage > section > form > input[type=submit] {
|
form.registerForm > 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);
|
||||||
|
Loading…
Reference in New Issue
Block a user