Merge pull request #107 from ThomasRubini/css_selector_form_update

added classes to use css easier
This commit is contained in:
Marla 2023-01-26 11:17:54 +01:00 committed by GitHub
commit a64c4b9055
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 10 additions and 10 deletions

View File

@ -12,7 +12,7 @@ $O_user = $A_view["USER"];
<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&nbsp;</label>
<input type="file" name="profilPicture" id="profilPicture" accept="image/*">

View File

@ -5,7 +5,7 @@
?>
<main class="registerPage">
<section>
<form method="POST" action="/user/signin">
<form class="registerForm" method="POST" action="/user/signin">
<h2>Connexion</h2>
<label for="email">Entrez votre email</label>
<input type="email" name="email" id="email" placeholder="Email" required>
@ -17,7 +17,7 @@
</section>
<hr>
<section>
<form method="POST" action="/user/signup" id="signin">
<form class="registerForm" method="POST" action="/user/signup" id="signin">
<h2>Inscription</h2>
<label for="email">Entrez votre email</label>
<input type="email" name="email" id="email" placeholder="Email" required>

View File

@ -219,7 +219,7 @@ main.registerPage > hr {
border-radius: var(--border-radius);
}
main.registerPage > section > form {
form.registerForm {
display: flex;
flex-direction: column;
gap: var(--size-xl);
@ -227,19 +227,19 @@ main.registerPage > section > form {
align-items: center;
}
main.registerPage > section > form > h2 {
form.registerForm > h2 {
font-size: var(--size-xl);
}
main.registerPage > section > form > label {
form.registerForm > label {
display: none;
}
main.registerPage > section > form > input {
form.registerForm > input {
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);
border-radius: var(--border-radius);
padding: var(--size-l);
@ -248,12 +248,12 @@ main.registerPage > section > form > input[type=text], input[type=email], input[
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);
}
main.registerPage > section > form > input[type=submit] {
form.registerForm > input[type=submit] {
background: var(--principal-neutral);
border: none;
border-radius: var(--border-radius);