Added footer.

mbta · Oct 16, 2024 · 1c2d9f7 · 1c2d9f7
1 parent e88f18b
commit 1c2d9f7
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 0 deletions.
diff --git a/assets/css/v2/elevator/elevator_closures.scss b/assets/css/v2/elevator/elevator_closures.scss
@@ -1,4 +1,7 @@
 .elevator-closures {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
   position: relative;
   font-family: Inter, sans-serif;
   background-color: $warm-neutral-90;
@@ -27,10 +30,12 @@
 
   hr {
     height: 24px;
+    width: 100%;
     background-color: $cool-black-15;
   }
 
   .outside-alert-list {
+    height: 100%;
     background-color: $warm-neutral-90;
 
     .header {
@@ -41,4 +46,15 @@
       padding: 48px;
     }
   }
+
+  .footer {
+    display: flex;
+    height: 184px;
+    background-color: $cool-black-30;
+    color: white;
+    font-size: 48px;
+    line-height: 62px;
+    align-items: center;
+    padding: 26px 48px;
+  }
 }
diff --git a/assets/src/components/v2/elevator/elevator_closures.tsx b/assets/src/components/v2/elevator/elevator_closures.tsx
@@ -55,6 +55,17 @@ const OutsideAlertList = (_props: OutsideAlertListProps) => {
   );
 };
 
+const Footer = () => {
+  return (
+    <div className="footer">
+      <span>
+        For more info and alternate paths: mbta.com/alerts/access or (617)
+        222-2828
+      </span>
+    </div>
+  );
+};
+
 interface Props {
   id: string;
   time: string;
@@ -73,6 +84,7 @@ const ElevatorClosures: React.ComponentType<Props> = ({
       <Header id={id} time={time} />
       <InStationSummary alerts={inStationAlerts} />
       <OutsideAlertList alerts={outsideAlerts} />
+      <Footer />
     </div>
   );
 };