mirror of
https://github.com/betaflight/betaflight.git
synced 2025-07-15 04:15:44 +03:00
Add SVG watermark image to log view and some tabs.
This commit is contained in:
parent
7bdd010eb0
commit
46a0054d78
10 changed files with 31 additions and 11 deletions
32
main.css
32
main.css
|
@ -39,21 +39,33 @@ input[type="number"]::-webkit-inner-spin-button {
|
||||||
height: calc(100% - 5px);
|
height: calc(100% - 5px);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#content-watermark {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 40px;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
z-index: 1;
|
||||||
|
overflow: hidden;
|
||||||
|
background-image: url("images/light-wide-1.svg");
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: 50% 0%;
|
||||||
|
background-size: 600px;
|
||||||
|
height: 174px;
|
||||||
|
opacity: 0.25;
|
||||||
|
}
|
||||||
|
|
||||||
#watermark {
|
#watermark {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
text-align: center;
|
top: 30px;
|
||||||
top: 35px;
|
height: 67px;
|
||||||
left: 0;
|
|
||||||
bottom: 0;
|
|
||||||
right: 0;
|
right: 0;
|
||||||
z-index: -1;
|
z-index: -1;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
background-image: url("images/light-wide-1.svg");
|
||||||
font-family: monospace;
|
background-repeat: no-repeat;
|
||||||
color: grey;
|
width: 340px;
|
||||||
font-size: 50px;
|
background-position: 0px 0px;
|
||||||
font-variant: small-caps;
|
background-size: 85%;
|
||||||
letter-spacing: 0.5em;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#port-picker {
|
#port-picker {
|
||||||
|
|
|
@ -126,7 +126,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="clear-both"></div>
|
<div class="clear-both"></div>
|
||||||
<div id="log">
|
<div id="log">
|
||||||
<div id="watermark">CleanFlight</div>
|
<div id="watermark"></div>
|
||||||
<div class="wrapper">
|
<div class="wrapper">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -1,3 +1,4 @@
|
||||||
|
<div id="content-watermark"></div>
|
||||||
<div class="tab-cli">
|
<div class="tab-cli">
|
||||||
<p i18n="cliInfo">
|
<p i18n="cliInfo">
|
||||||
</p>
|
</p>
|
||||||
|
|
|
@ -1,3 +1,4 @@
|
||||||
|
<div id="content-watermark"></div>
|
||||||
<div class="tab-dataflash">
|
<div class="tab-dataflash">
|
||||||
<div class="require-dataflash">
|
<div class="require-dataflash">
|
||||||
<div class="note" i18n="dataflashNote">
|
<div class="note" i18n="dataflashNote">
|
||||||
|
|
|
@ -1,3 +1,4 @@
|
||||||
|
<div id="content-watermark"></div>
|
||||||
<div class="tab-logging">
|
<div class="tab-logging">
|
||||||
<div class="note" i18n="loggingNote">
|
<div class="note" i18n="loggingNote">
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -1,3 +1,4 @@
|
||||||
|
<div id="content-watermark"></div>
|
||||||
<div class="tab-motors">
|
<div class="tab-motors">
|
||||||
<div class="wrapper modelAndAccel">
|
<div class="wrapper modelAndAccel">
|
||||||
<div class="mixerPreview">
|
<div class="mixerPreview">
|
||||||
|
|
|
@ -1,3 +1,4 @@
|
||||||
|
<div id="content-watermark"></div>
|
||||||
<div class="tab-pid_tuning">
|
<div class="tab-pid_tuning">
|
||||||
<div class="controller">
|
<div class="controller">
|
||||||
<span class="head" i18n="pidTuningControllerHead"></span>
|
<span class="head" i18n="pidTuningControllerHead"></span>
|
||||||
|
|
|
@ -1,3 +1,4 @@
|
||||||
|
<div id="content-watermark"></div>
|
||||||
<div class="tab-ports">
|
<div class="tab-ports">
|
||||||
<div class="help">
|
<div class="help">
|
||||||
<p i18n="portsHelp"></p>
|
<p i18n="portsHelp"></p>
|
||||||
|
|
|
@ -1,3 +1,4 @@
|
||||||
|
<div id="content-watermark"></div>
|
||||||
<div class="tab-receiver">
|
<div class="tab-receiver">
|
||||||
<div class="bars">
|
<div class="bars">
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -1,3 +1,4 @@
|
||||||
|
<div id="content-watermark"></div>
|
||||||
<div class="tab-sensors">
|
<div class="tab-sensors">
|
||||||
<div class="info">
|
<div class="info">
|
||||||
<p i18n="sensorsInfo">
|
<p i18n="sensorsInfo">
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue