✨ Add platform id to passages panels

frontend/src/passagesPanel.module.css

@@ -126,3 +126,72 @@
 .unavailableSecondPassage svg {
 	font-family: IDFVoyageur-regular;
 }
+
+.withPlatformFirstPassage {
+	height: calc(120/176*100%);
+	aspect-ratio: 250/120;
+
+	display: flex;
+	flex-direction: column;
+
+	padding-right: calc(30/1920*100%);
+
+	/* TODO: compute the border weight according to the parent width */
+	border-right: solid calc(5px);
+}
+
+.withPlatformFirstPassage .passage {
+	aspect-ratio: 215/50;
+	height: calc(1/2*100%);
+
+	font-family: IDFVoyageur-bold;
+	margin-top: calc(5/176*100%);
+}
+
+.platform {
+	margin-top: auto;
+	margin-bottom: calc(5/176*100%);
+}
+
+.withPlatformFirstPassage .platform rect {
+	background-color: var(--idfm-black);
+}
+
+.withPlatformFirstPassage .platform text {
+	vertical-align: middle;
+	font-family: IDFVoyageur-bold;
+}
+
+.withPlatformSecondPassage {
+	height: calc(120/176*100%);
+	aspect-ratio: 215/120;
+
+	display: flex;
+	align-items: end;
+	justify-content: center;
+	flex-direction: column;
+
+	margin-right: calc(30/1920*100%);
+}
+
+
+.withPlatformSecondPassage .passage {
+	aspect-ratio: 215/45;
+	height: calc(45/120*100%);
+	/* 5px + (first passage font size - second passage font size/2) to align passages... */
+	/* There must exist a better way to align them. */
+	margin-top: calc(7.5/176*100%);
+}
+
+.withPlatformSecondPassage svg {
+	font-family: IDFVoyageur-regular;
+}
+
+.withPlatformSecondPassage .platform rect {
+	background-color: var(--idfm-black);
+}
+
+.withPlatformSecondPassage .platform text {
+	vertical-align: middle;
+	font-family: IDFVoyageur-bold;
+}