hover gênant (affecte tous les boutons de l'App)

This commit is contained in:
C. Fuhrman 2025-03-06 09:48:06 -05:00
parent 65d2121f79
commit 93c9f10197

View file

@ -3,11 +3,11 @@
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
padding: 20px; padding: 20px;
} }
h1 { h1 {
margin-bottom: 20px; margin-bottom: 20px;
} }
.form-container{ .form-container {
border: 1px solid #ccc; border: 1px solid #ccc;
border-radius: 8px; border-radius: 8px;
padding: 15px; padding: 15px;
@ -15,34 +15,35 @@
width: 400px; width: 400px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
text-align: center; text-align: center;
} }
form { form {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
input { input {
margin: 5px 0; margin: 5px 0;
padding: 10px; padding: 10px;
border: 1px solid #ccc; border: 1px solid #ccc;
border-radius: 4px; border-radius: 4px;
} }
button { button {
padding: 10px; padding: 10px;
border: none; border: none;
border-radius: 4px; border-radius: 4px;
background-color: #5271ff; background-color: #5271ff;
color: white; color: white;
cursor: pointer; cursor: pointer;
} }
button:hover { /* This hover was affecting the entire App */
/* button:hover {
background-color: #5271ff; background-color: #5271ff;
} } */
.home-button-container{ .home-button-container {
background: none; background: none;
color: black; color: black;
} }
.home-button-container:hover{ .home-button-container:hover {
background: none; background: none;
color: black; color: black;
text-decoration: underline; text-decoration: underline;
} }