mirror of
https://github.com/betaflight/betaflight-configurator.git
synced 2025-07-23 16:25:22 +03:00
Battery icon; visual improvement
Thanks to @skaman82
This commit is contained in:
parent
0518ed6993
commit
c85f41ad3d
1 changed files with 16 additions and 12 deletions
28
main.css
28
main.css
|
@ -1591,17 +1591,18 @@ dialog {
|
|||
|
||||
.quad-status-contents {
|
||||
display: none;
|
||||
margin-top: 14px;
|
||||
margin-left: 7px;
|
||||
height: 15px;
|
||||
margin-top: 10px;
|
||||
margin-left: 14px;
|
||||
height: 10px;
|
||||
width: 40px;
|
||||
/* width: 30px; */
|
||||
}
|
||||
|
||||
|
||||
.battery-legend {
|
||||
display: inline;
|
||||
position: relative;
|
||||
top: -5px;
|
||||
top: -2px;
|
||||
margin-top: 0px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
|
@ -1621,12 +1622,13 @@ dialog {
|
|||
}
|
||||
|
||||
.battery-status {
|
||||
height: 15px;
|
||||
height: 11px;
|
||||
position: relative;
|
||||
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.20);
|
||||
border-radius: 2px;
|
||||
border-radius: 0px;
|
||||
background-color: #59AA29;
|
||||
border-radius: 4px;
|
||||
/* border-radius: 4px; */
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.battery-icon {
|
||||
|
@ -1634,14 +1636,13 @@ dialog {
|
|||
background-size: contain;
|
||||
background-position: center;
|
||||
display: inline-block;
|
||||
height: 41px;
|
||||
height: 30px;
|
||||
width: 60px;
|
||||
transition: none;
|
||||
margin-top: -5px;
|
||||
transition: none;
|
||||
margin-top: 4px;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.armedicon,
|
||||
.failsafeicon,
|
||||
.linkicon {
|
||||
|
@ -1672,6 +1673,9 @@ dialog {
|
|||
.bottomStatusIcons {
|
||||
background-color: #272727;
|
||||
height: 31px;
|
||||
margin-top: 2px;
|
||||
border-bottom-left-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
}
|
||||
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue