Changed layout fomatting to use tables instead of 'float' property. Removed com port field so it works in my environment.

This commit is contained in:
jc4419 2021-06-11 17:44:12 +04:00
parent 0dee19f28c
commit 385eac760f
2 changed files with 40 additions and 54 deletions

View file

@ -14,8 +14,8 @@
.section_container { .section_container {
float: left; float: left;
width: 50%; width: 33%;
padding: 10px; padding: 0px;
} }
.flex-container { .flex-container {
@ -49,13 +49,13 @@
meter { meter {
width: 100%; width: 100%;
height: 40px; height: 40px;
transform: translateY(-8px); transform: translateY(8px);
} }
meter::after { meter::after {
content: attr(value) attr(title); content: attr(value) attr(title);
top: -28px; top: -28px;
left: 0px; left: 45%;
position: relative; position: relative;
} }
@ -241,55 +241,42 @@
<h1 style="text-align:center;">ROVER COMMAND CENTER</h1> <h1 style="text-align:center;">ROVER COMMAND CENTER</h1>
<div class="clearfix"> <div class="clearfix">
<table style="width:100%;">
<div class="section_container"> <tr>
<div class="movement_control"> <th><h2>Control Panel</h2></th>
<h2>Movement Control</h2> <th><h2>Telemetry</h2></th>
<div style="transform: translateY(0px);"> <th><h2>Command Line</h2></th>
<button id="up_arrow" onmousedown="up_mouseDown()" onmouseup="up_mouseUp()" </tr>
class="button"><span>&#8679;</span></button> <tr>
</div> <td>
<div style="transform: translateY(13px);"> <div style="transform: translateY(0px); text-align:center;">
<button id="left_arrow" onmousedown="left_mouseDown()" onmouseup="left_mouseUp()" <button id="up_arrow" onmousedown="up_mouseDown()" onmouseup="up_mouseUp()"
class="button"><span>&#8678;</span></button> class="button"><span>&#8679;</span></button>
<button id="down_arrow" onmousedown="down_mouseDown()" onmouseup="down_mouseUp()" </div>
class="button"><span>&#8681;</span></button> <div style="transform: translateY(13px); text-align:center;">
<button id="right_arrow" onmousedown="right_mouseDown()" onmouseup="right_mouseUp()" <button id="left_arrow" onmousedown="left_mouseDown()" onmouseup="left_mouseUp()"
class="button"><span>&#8680;</span></button> class="button"><span>&#8678;</span></button>
</div> <button id="down_arrow" onmousedown="down_mouseDown()" onmouseup="down_mouseUp()"
class="button"><span>&#8681;</span></button>
</div> <button id="right_arrow" onmousedown="right_mouseDown()" onmouseup="right_mouseUp()"
</div> class="button"><span>&#8680;</span></button>
</div>
<div class="section_container"> </td>
<div id="bleh" class="sensor_data"> <td>
<h2>Sensor Data</h2> <table style="width:100%;">
<ul> <tr>
<td style="width:50%;"><label>Battery Voltage</label></td>
<li> <td style="width:50%;"><meter id="btry_meter" min="4.0" max="6.0" low="4.5" optimum="5.0" high="4.8" value="5.8"
<div class="section_container"> title="V"></meter></td>
<label>Battery Voltage</label> </tr>
</div> <tr>
<div class="section_container"> <td style="width:50%;"><label>Odometer</label></td>
<meter id="btry_meter" min="4.0" max="6.0" low="4.5" optimum="5.0" high="4.8" value="5.8" <td><strong id="Odometer">28</strong><strong>mm</strong></td>
title="V"></meter> </tr>
</div> </table>
</li> </td>
</tr>
</table>
<li>
<div class="section_container">
<label>Odometer</label>
</div>
<div class="section_container">
<strong id="Odometer">28</strong><strong>mm</strong>
</div>
</li>
</ul>
</div>
</div>
</div> </div>

View file

@ -13,7 +13,6 @@ platform = espressif32
board = esp32dev board = esp32dev
framework = arduino framework = arduino
monitor_speed = 115200 monitor_speed = 115200
upload_port = COM[3]
monitor_filters = monitor_filters =
send_on_enter send_on_enter
esp32_exception_decoder esp32_exception_decoder