Confine the device chart on homepage in a predefined height

Prevent the chart from growing indefinitely on large viewports, and set instead a maximum dimension. Signed-off-by: Davide Briani <davide.briani@secomind.com>
astarte-platform · Apr 15, 2024 · fbe30e1 · fbe30e1
1 parent 227abdf
commit fbe30e1
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/HomePage.tsx b/src/HomePage.tsx
@@ -136,7 +136,9 @@ const DevicesCard = ({
             </Card.Text>
           </Col>
           <Col xs={12} lg={6}>
-            {totalDevices > 0 && <ConnectedDevicesChart provider={connectedDevicesProvider} />}
+            <div style={{ maxHeight: '18em' }}>
+              {totalDevices > 0 && <ConnectedDevicesChart provider={connectedDevicesProvider} />}
+            </div>
           </Col>
         </Row>
       </Container>