implemented dynamic sizing

- implemented dynamic size for flight telemetry container - implemented dynamic size for map
tritonuas · Oct 28, 2023 · 5885012 · 5885012
1 parent c661315
commit 5885012
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/houston/src/pages/Control.css b/houston/src/pages/Control.css
@@ -2,13 +2,15 @@
     display: flex;
     flex-direction: row;
     justify-content: center;
+    align-items: center;
     border: 1px solid black;
     padding: 20px;
+    height: 89vh;
 }
 
 .flight-telemetry {
     min-width: 25%;
-    min-height: 600px;
+    min-height: 90%;
     border: 1px solid black;
     border-radius: 20px;
     margin-left: 20px;

diff --git a/houston/src/pages/Control.tsx b/houston/src/pages/Control.tsx
@@ -9,7 +9,7 @@ function Control() {
                 <div className="flight-telemetry">
 
                 </div>
-                <MapContainer style={{width: 600, height: 600}} center={[51.505, -0.09]} zoom={13} scrollWheelZoom={false}>
+                <MapContainer style={{width: "100%", height: "90%"}} center={[51.505, -0.09]} zoom={13} scrollWheelZoom={false}>
                     <TileLayer
                         attribution='&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
                         url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"