balocchi/SAE_web
1
2
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Amélioration des fonctionnalités du panel admin, des évènements, et ajout de diagrammes UML.

Browse Source 
Co-authored-by: Charpentier Juliette <juliette.charpentier1@etu.u-pec.fr>
This commit is contained in:
Loris BALOCCHI
2024-06-15 00:51:32 +02:00
parent f9ebba1557
commit 80f615ad8e
28 changed files with 35566 additions and 260 deletions
Download Patch File Download Diff File Expand all files Collapse all files

98
styles/main.css
View File

@@ -120,7 +120,19 @@ p.login-subtitle {
transition: all 0.3s ease;
margin-top: 25px;
}
button.submit-button {
width: 100%;
padding: 0.75rem;
border: none;
background-color: #f4b400;
color: white;
font-size: 1rem;
font-weight: 700;
cursor: pointer;
border-radius: 5px;
transition: all 0.3s ease;
margin-top: 25px;
}
button:hover {
background-color: #f4a400;
}
@@ -150,6 +162,24 @@ h1 {
font-family: "RobotoFlex";
}
h2 {
color: white;
font-size: 1.5rem;
margin-top: 1rem;
padding-left: 2rem;
text-transform: uppercase;
font-family: "RobotoFlex";
}
h3 {
color: white;
font-size: 1.25rem;
margin-top: 1rem;
padding-left: 2rem;
text-transform: uppercase;
font-family: "RobotoFlex";
}
p.text {
color: white;
font-size: 1rem;
@@ -229,6 +259,23 @@ td {
background-color: #f4a400;
}
.form-group button {
padding: 0.5rem;
border: none;
background-color: #f4b400;
color: white;
font-size: 1rem;
font-weight: 700;
cursor: pointer;
border-radius: 5px;
transition: all 0.3s ease;
width: 17rem;
margin-left: 0.25rem;
}
.form-group button:hover {
background-color: #f4a400;
}
.adm-users-container {
background: #26272b;
align-items: center;
@@ -240,7 +287,7 @@ td {
text-align: center;
max-width: fit-content;
margin-inline: auto;
margin-block: 5em;
margin-block: 1em;
}
.event-container {
@@ -371,3 +418,50 @@ button.new-event {
button.new-event:hover {
background-color: #f4a400;
}
.events-flex-container {
display: flex;
flex-wrap: wrap; /* Permet aux éléments de passer à la ligne suivante si nécessaire */
gap: 1rem; /* Ajoute un espace entre les divs */
}
.event-card {
background: #26272b;
padding: 1rem;
border-radius: 10px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);
width: calc(
50% - 1rem
); /* Prend la moitié de l'espace disponible, en déduisant l'espace de la 'gap' */
max-width: 400px;
margin: 0 auto 1rem;
}
.event-card img {
width: 100%;
height: auto;
border-radius: 10px;
margin-bottom: 1rem;
}
.event-card h3 {
font-weight: 700;
color: white;
margin-bottom: 0.5rem;
}
.event-card p {
color: #8e8c8c;
margin-bottom: 1rem;
}
.event-card .event-date {
font-family: "RobotoFlex";
color: white;
margin-bottom: 0.5rem;
}
.event-card .event-location {
font-family: "RobotoFlex";
color: #8e8c8c;
}