vuminh224/hackathon
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Feat: ajout du CSS

Browse Source
This commit is contained in:
Amaël Kesteman
2026-01-10 11:33:03 +01:00
parent fca7362bb7
commit 5af249e0ca
7 changed files with 906 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
front_end/src/components/style/edt.css
View File

@@ -3,14 +3,14 @@
background-color: var(--tint1);
border-radius: 30px;
padding: 10px;
border: 2px solid #10b981; /* Bordure verte */
box-shadow: 0 4px 6px rgba(16, 185, 129, 0.1);
}
.edt_header{
justify-content: center;
display: grid;
grid-template-columns: repeat(2, 0.5fr);
/* background-color: #0000FF; */
padding-bottom: 10px;
gap: 30%;
}
@@ -22,7 +22,6 @@
grid-template-columns: repeat(7, minmax(0, 1fr));
gap: 16px;
color: var(--text);
/* background-color: #00FF00; */
width: 100%;
}
@@ -30,7 +29,6 @@
position: absolute;
inset: 0;
display: grid;
/* place-items: center; */
pointer-events: none;
}
@@ -39,15 +37,23 @@
background-color: var(--tint3);
border-radius: 20px;
container-type: inline-size;
transition: all 0.3s ease;
}
.edt_colonne:hover {
border-color: #10b981;
box-shadow: 0 2px 8px rgba(16, 185, 129, 0.15);
}
.edt_day_header{
font-size: clamp(5px, 1vw, 18px);
padding: 8px;
/* background-color: var(--tint2); */
border-radius: 20px;
height: 30px;
text-align: center;
font-size: 1em;
background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(16, 185, 129, 0.05));
font-weight: 600;
}
.edt_day_content{
@@ -57,26 +63,30 @@
padding: 8px;
border-radius: 20px;
min-width: 0;
/* background-color: #FF0000; */
}
.edt_session {
font-size: clamp(1px, 8cqi, 18px);
gap: 8px;
background-color: var(--tint4);
border-radius: 12px;
padding: 5%;
min-width: 0;
border-left: 3px solid #10b981; /* Accent vert à gauche */
transition: all 0.3s ease;
cursor: pointer;
}
.edt_session:hover {
background-color: var(--tint2);
border-left-width: 5px;
transform: translateX(3px);
box-shadow: -2px 2px 8px rgba(16, 185, 129, 0.2);
}
.edt_session:active {
background-color: var(--tint5);
transform: translateX(1px);
}
.edt_session_header{
@@ -86,33 +96,88 @@
.edt_date{
font-size: 0.75em;
font-weight: 500;
}
.edt_button_week_select{
background-color: var(--tint2);
color: var(--text);
background: linear-gradient(135deg, #10b981, #059669);
color: white;
height: 40px;
border-radius: 20px;
border: none;
padding: 0 20px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 2px 4px rgba(16, 185, 129, 0.2);
}
.edt_button_week_select:hover {
background: linear-gradient(135deg, #059669, #047857);
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(16, 185, 129, 0.3);
}
.edt_button_week_select:active {
transform: translateY(0);
box-shadow: 0 1px 2px rgba(16, 185, 129, 0.2);
}
.edt_session_modal{
background-color: var(--tint2);
padding: 10px;
border-radius: 20px;
position: relative;
border: 2px solid #10b981;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(16, 185, 129, 0.1);
}
.ent_activite_list{
padding: 10px;
background-color: var(--tint3);
border-radius: 10px;
border: 1px solid rgba(16, 185, 129, 0.2);
}
.edt_activite_modal{
background-color: var(--tint3);
padding: 10px;
border-radius: 20px;
position: relative;
border: 2px solid #10b981;
box-shadow: 0 4px 12px rgba(16, 185, 129, 0.15);
}
/* Classes bonus pour d'autres boutons */
.edt_button_secondary {
background-color: var(--tint3);
color: var(--text);
border: 2px solid #10b981;
border-radius: 15px;
padding: 10px 20px;
cursor: pointer;
transition: all 0.3s ease;
font-weight: 500;
}
.edt_button_secondary:hover {
background-color: rgba(16, 185, 129, 0.1);
border-color: #059669;
}
.edt_button_outline {
background: transparent;
color: #10b981;
border: 2px solid #10b981;
border-radius: 18px;
padding: 8px 16px;
cursor: pointer;
transition: all 0.3s ease;
font-weight: 500;
}
.edt_button_outline:hover {
background-color: #10b981;
color: white;
transform: scale(1.05);
}