mirror of
https://github.com/supleed2/ELEC50003-P1-CW.git
synced 2024-11-10 01:35:50 +00:00
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:
parent
0dee19f28c
commit
385eac760f
|
@ -14,8 +14,8 @@
|
|||
|
||||
.section_container {
|
||||
float: left;
|
||||
width: 50%;
|
||||
padding: 10px;
|
||||
width: 33%;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.flex-container {
|
||||
|
@ -49,13 +49,13 @@
|
|||
meter {
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
transform: translateY(-8px);
|
||||
transform: translateY(8px);
|
||||
}
|
||||
|
||||
meter::after {
|
||||
content: attr(value) attr(title);
|
||||
top: -28px;
|
||||
left: 0px;
|
||||
left: 45%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
|
@ -241,15 +241,19 @@
|
|||
<h1 style="text-align:center;">ROVER COMMAND CENTER</h1>
|
||||
|
||||
<div class="clearfix">
|
||||
|
||||
<div class="section_container">
|
||||
<div class="movement_control">
|
||||
<h2>Movement Control</h2>
|
||||
<div style="transform: translateY(0px);">
|
||||
<table style="width:100%;">
|
||||
<tr>
|
||||
<th><h2>Control Panel</h2></th>
|
||||
<th><h2>Telemetry</h2></th>
|
||||
<th><h2>Command Line</h2></th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div style="transform: translateY(0px); text-align:center;">
|
||||
<button id="up_arrow" onmousedown="up_mouseDown()" onmouseup="up_mouseUp()"
|
||||
class="button"><span>⇧</span></button>
|
||||
</div>
|
||||
<div style="transform: translateY(13px);">
|
||||
<div style="transform: translateY(13px); text-align:center;">
|
||||
<button id="left_arrow" onmousedown="left_mouseDown()" onmouseup="left_mouseUp()"
|
||||
class="button"><span>⇦</span></button>
|
||||
<button id="down_arrow" onmousedown="down_mouseDown()" onmouseup="down_mouseUp()"
|
||||
|
@ -257,39 +261,22 @@
|
|||
<button id="right_arrow" onmousedown="right_mouseDown()" onmouseup="right_mouseUp()"
|
||||
class="button"><span>⇨</span></button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section_container">
|
||||
<div id="bleh" class="sensor_data">
|
||||
<h2>Sensor Data</h2>
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<div class="section_container">
|
||||
<label>Battery Voltage</label>
|
||||
</div>
|
||||
<div class="section_container">
|
||||
<meter id="btry_meter" min="4.0" max="6.0" low="4.5" optimum="5.0" high="4.8" value="5.8"
|
||||
title="V"></meter>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
|
||||
<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>
|
||||
</td>
|
||||
<td>
|
||||
<table style="width:100%;">
|
||||
<tr>
|
||||
<td style="width:50%;"><label>Battery Voltage</label></td>
|
||||
<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"
|
||||
title="V"></meter></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="width:50%;"><label>Odometer</label></td>
|
||||
<td><strong id="Odometer">28</strong><strong>mm</strong></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
|
@ -13,7 +13,6 @@ platform = espressif32
|
|||
board = esp32dev
|
||||
framework = arduino
|
||||
monitor_speed = 115200
|
||||
upload_port = COM[3]
|
||||
monitor_filters =
|
||||
send_on_enter
|
||||
esp32_exception_decoder
|
||||
|
|
Loading…
Reference in a new issue