Changeset ac19a0c for frontend/src/Components/TransportDetails

Timestamp:

01/13/24 23:19:50 (10 months ago)

Author:

darsov2 <62809499+darsov2@…>

Branches:

master

Children:

e85a562

Parents:

e9b4ba9

Message:

authContext impl, admin panel impl, search bar fixes, reservations listings impl

Location:

frontend/src/Components/TransportDetails

Files:

• FinalPoint.js (modified) (1 diff)
• Line.js (modified) (1 diff)
• Waypoint.js (modified) (2 diffs)

frontend/src/Components/TransportDetails/FinalPoint.js

@@ -17 +17 @@
     <>
       <Row>
-        {props.left === "true" && <Col className="d-flex flex-column justify-content-center col-auto" style={{paddingLeft: "2.6rem"}}>
+        {props.left === "true" && <Col className="d-flex flex-column justify-content-center col-md-4" style={{paddingLeft: "2.6rem"}}>
             <h5 className="m-auto">{getTimeAsString(props.time)}</h5>
         </Col>  }

frontend/src/Components/TransportDetails/Line.js

@@ -2 +2 @@
 
 const Line = (props) => {
-    console.log(props.left)
-    const left = props.left === "true" ? "9.08rem" : "2.6rem";
-    console.log({borderLeft: "5px solid #159895", height: "3em", marginLeft: left, marginTop: "-1.4rem", marginBottom: "-1.4rem"})
+    const left = props.left === "true" ? "1.8rem" : "1.85rem";
     return (<>
         <div style={{borderLeft: "5px solid #159895", height: "3em", marginLeft: left, marginTop: "-1.4rem", marginBottom: "-1.4rem"}}></div>

frontend/src/Components/TransportDetails/Waypoint.js

@@ -17 +17 @@
     <>
       <Row className="d-flex flex-row gap-0">
-      {props.left === "true" && <Col className="d-flex flex-column justify-content-center col-auto" style={{paddingLeft: "2.6rem"}}>
+      {props.left === "true" && <Col className="d-flex flex-column justify-content-center col-md-4" style={{paddingLeft: "2.6rem"}}>
             <h5 style={{color: props.routes === "true" ? "white" : "" }} className="m-auto">{getTimeAsString(props.time)}</h5>
         </Col>}
@@ -30 +30 @@
         </Col>}
       </Row>
-      <Row>
-      <Line left={props.left}> </Line>
-      </Row>
+        <Row className="d-flex flex-row gap-0">
+            {props.left === "true" && <Col className="d-flex flex-column justify-content-center col-md-4" style={{paddingLeft: "2.6rem"}}>
+
+            </Col>}
+            <Col md="auto">
+                <Line left={props.left}> </Line>
+            </Col>
+            <Col className="d-flex flex-column justify-content-center">
+            </Col>
+            {props.left !== "true" && <Col className="d-flex flex-column justify-content-center">
+
+            </Col>}
+        </Row>
+      {/*<Row>*/}
+      {/*<Line left={props.left}> </Line>*/}
+      {/*</Row>*/}
     </>
   );