FERROVIA_SA/ferrovia-infogare
1
0 Fork 0
Code Issues 3 Pull Requests Actions Packages Projects 2 Releases Wiki Activity

fix(classiques): fine-tune bottom row gradient, border separator, and clock box proportions to strictly match real SNCF display

Browse Source
This commit is contained in:
mathis committed 2026-08-30 23:33:45 +02:00
1 parent 4adbe41970
commit 467e66c971
2 files changed
+38 -32
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/pages/afficheurs/classiques/ClassiquesArrivees.css
+19 -16
View File
@@ -355,11 +355,11 @@
align-items: center; align-items: center;
box-sizing: border-box; box-sizing: border-box;
padding-left: 24px; padding-left: 24px;
padding-right: 8px; padding-right: 12px;
background: #0d3613 !important; background: linear-gradient(180deg, #1b6326 0%, #0e3a15 100%) !important;
position: relative; position: relative;
z-index: 30; z-index: 30;
border-top: 1.5px solid rgba(255, 255, 255, 0.2); border-top: 1.5px solid rgba(255, 255, 255, 0.22);
} }
.aff-classiques-arrivees__info-bar { .aff-classiques-arrivees__info-bar {
@@ -373,7 +373,7 @@
.aff-classiques-arrivees__info-bar-text { .aff-classiques-arrivees__info-bar-text {
color: var(--white); color: var(--white);
font-size: 42px; font-size: 46px;
font-weight: 600; font-weight: 600;
font-family: "Achemine", sans-serif; font-family: "Achemine", sans-serif;
line-height: 1; line-height: 1;
@@ -381,32 +381,35 @@
} }
.aff-classiques-arrivees__bottom-clock { .aff-classiques-arrivees__bottom-clock {
display: flex; display: inline-flex;
align-items: center; align-items: flex-start;
justify-content: center; justify-content: center;
gap: 8px; border: 3px solid rgba(255, 255, 255, 0.92);
border: 2.5px solid rgba(255, 255, 255, 0.85); border-radius: 8px;
border-radius: 6px; padding: 6px 14px 4px 14px;
padding: 4px 14px; background: rgba(10, 42, 16, 0.35);
background: rgba(9, 38, 13, 0.45);
font-family: "Achemine", sans-serif; font-family: "Achemine", sans-serif;
color: var(--white); color: var(--white);
flex-shrink: 0; flex-shrink: 0;
margin-right: 12px; margin-right: 8px;
box-sizing: border-box; box-sizing: border-box;
height: 84px;
} }
.aff-classiques-arrivees__bottom-clock-hm { .aff-classiques-arrivees__bottom-clock-hm {
font-size: 52px; font-size: 60px;
font-weight: 700; font-weight: 700;
line-height: 1; line-height: 1;
letter-spacing: 1px; letter-spacing: 2px;
margin-right: 8px;
color: #ffffff;
} }
.aff-classiques-arrivees__bottom-clock-s { .aff-classiques-arrivees__bottom-clock-s {
font-size: 34px; font-size: 38px;
font-weight: 700; font-weight: 700;
line-height: 1; line-height: 1;
margin-top: -6px; margin-top: 2px;
letter-spacing: 0.5px; letter-spacing: 0.5px;
color: #ffffff;
} }
src/pages/afficheurs/classiques/ClassiquesDeparts.css
+19 -16
View File
@@ -355,11 +355,11 @@
align-items: center; align-items: center;
box-sizing: border-box; box-sizing: border-box;
padding-left: 24px; padding-left: 24px;
padding-right: 8px; padding-right: 12px;
background: #001e40 !important; background: linear-gradient(180deg, #00367a 0%, #00225e 100%) !important;
position: relative; position: relative;
z-index: 30; z-index: 30;
border-top: 1.5px solid rgba(255, 255, 255, 0.2); border-top: 1.5px solid rgba(255, 255, 255, 0.22);
} }
.aff-classiques-departs__info-bar { .aff-classiques-departs__info-bar {
@@ -373,7 +373,7 @@
.aff-classiques-departs__info-bar-text { .aff-classiques-departs__info-bar-text {
color: var(--white); color: var(--white);
font-size: 42px; font-size: 46px;
font-weight: 600; font-weight: 600;
font-family: "Achemine", sans-serif; font-family: "Achemine", sans-serif;
line-height: 1; line-height: 1;
@@ -381,32 +381,35 @@
} }
.aff-classiques-departs__bottom-clock { .aff-classiques-departs__bottom-clock {
display: flex; display: inline-flex;
align-items: center; align-items: flex-start;
justify-content: center; justify-content: center;
gap: 8px; border: 3px solid rgba(255, 255, 255, 0.92);
border: 2.5px solid rgba(255, 255, 255, 0.85); border-radius: 8px;
border-radius: 6px; padding: 6px 14px 4px 14px;
padding: 4px 14px; background: rgba(0, 24, 70, 0.35);
background: rgba(0, 16, 40, 0.45);
font-family: "Achemine", sans-serif; font-family: "Achemine", sans-serif;
color: var(--white); color: var(--white);
flex-shrink: 0; flex-shrink: 0;
margin-right: 12px; margin-right: 8px;
box-sizing: border-box; box-sizing: border-box;
height: 84px;
} }
.aff-classiques-departs__bottom-clock-hm { .aff-classiques-departs__bottom-clock-hm {
font-size: 52px; font-size: 60px;
font-weight: 700; font-weight: 700;
line-height: 1; line-height: 1;
letter-spacing: 1px; letter-spacing: 2px;
margin-right: 8px;
color: #ffffff;
} }
.aff-classiques-departs__bottom-clock-s { .aff-classiques-departs__bottom-clock-s {
font-size: 34px; font-size: 38px;
font-weight: 700; font-weight: 700;
line-height: 1; line-height: 1;
margin-top: -6px; margin-top: 2px;
letter-spacing: 0.5px; letter-spacing: 0.5px;
color: #ffffff;
} }