Minor button & rover CSS tweak.

This commit is contained in:
Blaž Kristan 2024-10-07 17:52:36 +02:00
parent 5e9a46d54d
commit 7deea9eb75
2 changed files with 15 additions and 11 deletions

View File

@ -144,7 +144,7 @@ button {
} }
.huge { .huge {
font-size: 42px; font-size: 60px !important;
} }
.segt, .plentry TABLE { .segt, .plentry TABLE {
@ -584,6 +584,10 @@ button {
z-index: 3; z-index: 3;
} }
#rover .ibtn {
margin: 5px;
}
#ndlt { #ndlt {
margin: 12px 0; margin: 12px 0;
} }
@ -624,7 +628,7 @@ button {
padding-bottom: 8px; padding-bottom: 8px;
} }
.infobtn { #info .ibtn {
margin: 5px; margin: 5px;
} }
@ -848,7 +852,7 @@ input[type=range]::-moz-range-thumb {
width: 135px; width: 135px;
} }
#nodes .infobtn { #nodes .ibtn {
margin: 0; margin: 0;
} }
@ -1524,7 +1528,7 @@ dialog {
#info table .btn, #nodes table .btn { #info table .btn, #nodes table .btn {
width: 200px; width: 200px;
} }
#info .infobtn, #nodes .infobtn { #info .ibtn, #nodes .ibtn {
width: 145px; width: 145px;
} }
#info div, #nodes div, #nodes a.btn { #info div, #nodes div, #nodes a.btn {

View File

@ -304,10 +304,10 @@
</div> </div>
<div id="kv">Loading...</div><br> <div id="kv">Loading...</div><br>
<div> <div>
<button class="btn infobtn" onclick="requestJson()">Refresh</button> <button class="btn ibtn" onclick="requestJson()">Refresh</button>
<button class="btn infobtn" onclick="toggleNodes()">Instance List</button> <button class="btn ibtn" onclick="toggleNodes()">Instance List</button>
<button class="btn infobtn" onclick="window.open(getURL('/update'),'_self');">Update WLED</button> <button class="btn ibtn" onclick="window.open(getURL('/update'),'_self');">Update WLED</button>
<button class="btn infobtn" id="resetbtn" onclick="cnfReset()">Reboot WLED</button> <button class="btn ibtn" id="resetbtn" onclick="cnfReset()">Reboot WLED</button>
</div> </div>
<br> <br>
<span class="h">Made with&#32;<span id="heart">&#10084;&#xFE0E;</span>&#32;by&#32;<a href="https://github.com/Aircoookie/" target="_blank">Aircoookie</a>&#32;and the&#32;<a href="https://wled.discourse.group/" target="_blank">WLED community</a></span> <span class="h">Made with&#32;<span id="heart">&#10084;&#xFE0E;</span>&#32;by&#32;<a href="https://github.com/Aircoookie/" target="_blank">Aircoookie</a>&#32;and the&#32;<a href="https://wled.discourse.group/" target="_blank">WLED community</a></span>
@ -318,7 +318,7 @@
<div id="ndlt">WLED instances</div> <div id="ndlt">WLED instances</div>
<div id="kn">Loading...</div> <div id="kn">Loading...</div>
<div style="position:sticky;bottom:0;"> <div style="position:sticky;bottom:0;">
<button class="btn infobtn" onclick="loadNodes()">Refresh</button> <button class="btn ibtn" onclick="loadNodes()">Refresh</button>
</div> </div>
</div> </div>
@ -331,8 +331,8 @@
<div id="lv">?</div><br><br> <div id="lv">?</div><br><br>
To use built-in effects, use an override button below.<br> To use built-in effects, use an override button below.<br>
You can return to realtime mode by pressing the star in the top left corner.<br> You can return to realtime mode by pressing the star in the top left corner.<br>
<button class="btn" onclick="setLor(1)">Override once</button> <button class="btn ibtn" onclick="setLor(1)">Override once</button>
<button class="btn" onclick="setLor(2)">Override until reboot</button><br> <button class="btn ibtn" onclick="setLor(2)">Override until reboot</button><br>
<span class="h">For best performance, it is recommended to turn off the streaming source when not in use.</span> <span class="h">For best performance, it is recommended to turn off the streaming source when not in use.</span>
</div> </div>