Mirror/betaflight
1
0
Fork 0
mirror of https://github.com/betaflight/betaflight.git synced 2025-07-26 01:35:41 +03:00
Code Issues Wiki Activity

receiver tab will now scale nicely

Browse source
This commit is contained in:
cTn 2014-05-05 12:44:29 +02:00
parent 0add615649
commit 462f907248
2 changed files with 14 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

6
tabs/receiver.css
View file

@ -5,6 +5,7 @@
} }
.tab-receiver .bars { .tab-receiver .bars {
float: left; float: left;
width: 45%;
font-weight: bold; font-weight: bold;
} }
@ -19,11 +20,14 @@
} }
.tab-receiver .bars .name { .tab-receiver .bars .name {
width: 60px; width: 60px;
}
.tab-receiver .bars .meter {
width: 70%;
} }
.tab-receiver .bars .meter meter { .tab-receiver .bars .meter meter {
margin-top: 4px; margin-top: 4px;
width: 200px; width: 100%;
height: 14px; height: 14px;
border: 1px solid silver; border: 1px solid silver;

10
tabs/receiver.html
View file

@ -5,41 +5,49 @@
<li class="meter"><meter min="800" max="2200"></meter></li> <li class="meter"><meter min="800" max="2200"></meter></li>
<li class="value"></li> <li class="value"></li>
</ul> </ul>
<div class="clear-both"></div>
<ul style="color: #C0D800"> <ul style="color: #C0D800">
<li class="name">Pitch</li> <li class="name">Pitch</li>
<li class="meter"><meter min="800" max="2200"></meter></li> <li class="meter"><meter min="800" max="2200"></meter></li>
<li class="value"></li> <li class="value"></li>
</ul> </ul>
<div class="clear-both"></div>
<ul style="color: #CB4B4B"> <ul style="color: #CB4B4B">
<li class="name">Roll</li> <li class="name">Roll</li>
<li class="meter"><meter min="800" max="2200"></meter></li> <li class="meter"><meter min="800" max="2200"></meter></li>
<li class="value"></li> <li class="value"></li>
</ul> </ul>
<div class="clear-both"></div>
<ul style="color: #4DA74D"> <ul style="color: #4DA74D">
<li class="name">Yaw</li> <li class="name">Yaw</li>
<li class="meter"><meter min="800" max="2200"></meter></li> <li class="meter"><meter min="800" max="2200"></meter></li>
<li class="value"></li> <li class="value"></li>
</ul> </ul>
<div class="clear-both"></div>
<ul style="color: #9440ED"> <ul style="color: #9440ED">
<li class="name"">AUX1</li> <li class="name">AUX1</li>
<li class="meter"><meter min="800" max="2200"></meter></li> <li class="meter"><meter min="800" max="2200"></meter></li>
<li class="value"></li> <li class="value"></li>
</ul> </ul>
<div class="clear-both"></div>
<ul style="color: #45147a"> <ul style="color: #45147a">
<li class="name">AUX2</li> <li class="name">AUX2</li>
<li class="meter"><meter min="800" max="2200"></meter></li> <li class="meter"><meter min="800" max="2200"></meter></li>
<li class="value"></li> <li class="value"></li>
</ul> </ul>
<div class="clear-both"></div>
<ul style="color: #cf7a26"> <ul style="color: #cf7a26">
<li class="name">AUX3</li> <li class="name">AUX3</li>
<li class="meter"><meter min="800" max="2200"></meter></li> <li class="meter"><meter min="800" max="2200"></meter></li>
<li class="value"></li> <li class="value"></li>
</ul> </ul>
<div class="clear-both"></div>
<ul style="color: #147a66"> <ul style="color: #147a66">
<li class="name">AUX4</li> <li class="name">AUX4</li>
<li class="meter"><meter min="800" max="2200"></meter></li> <li class="meter"><meter min="800" max="2200"></meter></li>
<li class="value"></li> <li class="value"></li>
</ul> </ul>
<div class="clear-both"></div>
</div> </div>
<div class="tunings"> <div class="tunings">
<table class="throttle"> <table class="throttle">