diff --git a/frontend/src/passagesDisplay.module.css b/frontend/src/passagesDisplay.module.css index c42449b..49f0e39 100644 --- a/frontend/src/passagesDisplay.module.css +++ b/frontend/src/passagesDisplay.module.css @@ -1,11 +1,5 @@ - -/* TODO: Remove this class */ -.ar16x9 { - aspect-ratio: 16 / 9; -} - /* Idfm: 1860x1080px */ -.PassagesDisplay { +.passagesDisplay { aspect-ratio: 16/9; --reverse-aspect-ratio: 9/16; /* height is set according to the aspect-ratio, don“t touch it */ diff --git a/frontend/src/passagesDisplay.tsx b/frontend/src/passagesDisplay.tsx index 761ad89..a0f3737 100644 --- a/frontend/src/passagesDisplay.tsx +++ b/frontend/src/passagesDisplay.tsx @@ -181,9 +181,8 @@ export const PassagesDisplay: Component = () => { ); } - const mainDivClasses = `${styles.PassagesDisplay} ${styles.ar16x9}`; return ( -
+
{_computeHeader("Prochains passages")}
{() => { diff --git a/frontend/src/passagesPanel.module.css b/frontend/src/passagesPanel.module.css index 88625e1..0637557 100644 --- a/frontend/src/passagesPanel.module.css +++ b/frontend/src/passagesPanel.module.css @@ -11,6 +11,7 @@ display: block; } +/* TODO: Remove the bottom border only if there are 5 displayed lines. */ .passagesContainer .line:last-child { border-bottom: 0; /* To make up for the bottom border deletion */