Succbone HMI Updates #10
|
@ -52,12 +52,20 @@ td > span {
|
|||
height: 10em;
|
||||
}
|
||||
|
||||
.graph-container {
|
||||
background-color: #e8e8e8;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.main-grid {
|
||||
margin: 2em;
|
||||
margin-top: 2em;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
max-width: 160em;
|
||||
clear: both;
|
||||
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(50em, 1fr));
|
||||
grid-template-columns: repeat(auto-fit, minmax(54em, 1fr));
|
||||
column-gap: 2em;
|
||||
row-gap: 2em;
|
||||
}
|
||||
|
@ -136,9 +144,9 @@ td > span {
|
|||
</tr>
|
||||
</table>
|
||||
|
||||
<p>
|
||||
<div class="graph-container">
|
||||
<canvas id="graph" width="1024" height="512" style="max-width: 100%;"></canvas>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p style="font-style: italic; font-size: 12px; margin-top: 5em;">
|
||||
|
@ -170,7 +178,7 @@ let historicalDraw = (w, h) => {
|
|||
// coordinate calculation.
|
||||
|
||||
canvas.clearRect(0, 0, w, h);
|
||||
canvas.fillStyle = "#f0f0f0";
|
||||
canvas.fillStyle = "#e8e8e8";
|
||||
canvas.fillRect(0, 0, w, h);
|
||||
|
||||
// Margins of the main graph window.
|
||||
|
|
Loading…
Reference in a new issue