1
0
Fork 0
mirror of https://github.com/betaflight/betaflight.git synced 2025-07-19 14:25:20 +03:00

Receiver and PID tab fully implemented, enjoy

This commit is contained in:
cTn 2013-04-09 20:14:49 +02:00
parent d450a3f518
commit 2f9db4fa4e
7 changed files with 267 additions and 7 deletions

View file

@ -205,7 +205,7 @@ a:hover {
}
.tab-pid_tuning table {
width: 100%;
border-collapse:collapse;
border-collapse: collapse;
}
.tab-pid_tuning table, .tab-pid_tuning table th, .tab-pid_tuning table td {
padding: 5px;
@ -230,8 +230,8 @@ a:hover {
margin-top: 20px;
width: 120px;
height: 60px;
line-height: 60px;
height: 56px;
line-height: 56px;
font-size: 14px;
color: white;
@ -258,6 +258,9 @@ a:hover {
}
.tab-receiver {
}
.tab-receiver .bars {
float: left;
}
.tab-receiver .bars ul {
height: 20px;
line-height: 20px;
@ -273,7 +276,90 @@ a:hover {
.tab-receiver .bars .meter meter {
width: 200px;
height: 20px;
border: 1px solid silver;
}
.tab-receiver .bars .value {
width: 60px;
padding-left: 20px;
}
}
.tab-receiver .tunings {
float: left;
border: 1p xsolid red;
}
.tab-receiver .tunings table {
width: 30%;
border-collapse: collapse;
margin-bottom: 20px;
}
.tab-receiver .tunings table, .tab-receiver .tunings table th, .tab-receiver .tunings table td {
padding: 5px;
border: 1px solid #8b8b8b;
}
.tab-receiver .tunings table tr:nth-child(odd) {
background-color: #ececec;
}
.tab-receiver .tunings table input {
width: 130px;
height: 18px;
line-height: 18px;
padding: 0 5px 0 5px;
border: 1px solid silver;
text-align: right;
}
.tab-receiver .info {
display: block;
float: right;
width: 220px;
margin-bottom: 20px;
padding: 5px;
border: 1px dotted silver;
}
.tab-receiver .update {
display: block;
float: right;
width: 120px;
height: 30px;
line-height: 30px;
font-size: 14px;
color: white;
text-align: center;
border: 1px solid silver;
background-color: #6f1515;
}
.tab-receiver .update:hover {
cursor: default;
}
.tab-receiver .update.active {
background-color: #0fab16;
}
.tab-receiver .update.active:hover {
cursor: pointer;
background-color: #13d81d;
}
.tab-receiver #RX_plot {
margin: auto;
margin-top: 20px;
width: 880px;
height: 250px;
}
/* Flotr related styles */
.flotr-legend {
padding: 2px;
left: 31px;
top: 20px;
border: 0;
background-color: white;
}