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

UI polish

Browse source
This commit is contained in:
cTn 2014-01-04 10:37:52 +01:00
parent d4c5c3406d
commit c5b82cf32d
2 changed files with 37 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

44
tabs/pid_tuning.css
View file

@ -1,28 +1,53 @@
.tab-pid_tuning table {
width: 100%;
border-collapse: collapse;
float: left;
border-collapse: collapse;
}
.tab-pid_tuning table, .tab-pid_tuning table th, .tab-pid_tuning table td {
.tab-pid_tuning table,
.tab-pid_tuning table th,
.tab-pid_tuning table td {
padding: 4px;
border: 1px solid #8b8b8b;
}
.tab-pid_tuning table tr td:first-child {
text-align: center;
}
.tab-pid_tuning table td {
padding: 1px;
}
.tab-pid_tuning table tr:nth-child(odd) {
background-color: #ececec;
}
}
.tab-pid_tuning .name {
width: 150px;
}
.tab-pid_tuning .proportional,
.tab-pid_tuning .integral,
.tab-pid_tuning .derivative {
width: 100px;
}
.tab-pid_tuning table input {
width: 130px;
width: 96px;
height: 20px;
line-height: 20px;
padding: 0 5px 0 5px;
border: 1px solid silver;
text-align: right;
}
.tab-pid_tuning .rate-tpa {
margin-left: 10px;
}
.tab-pid_tuning .rate-tpa th {
width: 131px;
}
.tab-pid_tuning .rate-tpa input {
width: 127px;
}
.tab-pid_tuning .update {
display: block;
float: right;
margin-top: 20px;
margin-top: 10px;
height: 28px;
line-height: 28px;
@ -37,9 +62,4 @@
}
.tab-pid_tuning .update:hover {
background-color: #dedcdc;
}
.tab-pid_tuning .rate-tpa {
float: left;
width: 400px;
margin-top: 20px;
}

10
tabs/pid_tuning.html
View file

@ -1,10 +1,10 @@
<div class="tab-pid_tuning">
<table class="pid_tuning">
<tr>
<th class="name" style="width: 50%">Name</th>
<th class="proportional" style="width: 16%">Proportional</th>
<th class="integral" style="width: 16%">Integral</th>
<th class="derivative" style="width: 16%">Derivative</th>
<th class="name">Name</th>
<th class="proportional">Proportional</th>
<th class="integral">Integral</th>
<th class="derivative">Derivative</th>
</tr>
<tr class="ROLL">
<td>ROLL</td>
@ -60,7 +60,7 @@
</table>
<table class="rate-tpa">
<tr>
<th>ROLL rate &amp; PITCH rate</th>
<th>ROLL &amp; PITCH rate</th>
<th>YAW rate</th>
<th>TPA</th>
</tr>