thooge/esp32-nmea2000-obp60
1
0
Fork 0
mirror of https://github.com/thooge/esp32-nmea2000-obp60.git synced 2025-12-15 06:53:07 +01:00
Code Releases Activity

move action buttons to top

Browse Source
This commit is contained in:
wellenvogel
2021-12-09 12:02:34 +01:00
parent 934f94fcaa
commit 76f2f4278b
2 changed files with 31 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
web/index.css
View File

@@ -1,14 +1,36 @@
*{ *{
box-sizing: border-box; box-sizing: border-box;
} }
body { body {
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
} }
.main {
display: flex;
flex-direction: column;
margin: 0.2em;
overflow: hidden;
}
.tabPage{
overflow: auto;
}
.configForm { .configForm {
padding-bottom: 0.5em; padding-bottom: 0.5em;
} }
.configForm .buttons { .configForm .buttons {
margin-top: 0.5em; margin-bottom: 0.5em;
} }
.configForm .content>div:nth-child(even) { .configForm .content>div:nth-child(even) {
background-color: rgb(211 211 211 / 43%); background-color: rgb(211 211 211 / 43%);

10
web/index.html
View File

@@ -48,19 +48,16 @@
<button id="reset">Reset</button> <button id="reset">Reset</button>
</div> </div>
<div class="configForm tabPage hidden" id="configPage" > <div class="configForm tabPage hidden" id="configPage" >
<div class="configFormRows">
</div>
<div class="buttons"> <div class="buttons">
<button id="resetForm">ReloadConfig</button> <button id="resetForm">ReloadConfig</button>
<button id="changeConfig">Save&Restart</button> <button id="changeConfig">Save&Restart</button>
<button id="factoryReset">FactoryReset</button> <button id="factoryReset">FactoryReset</button>
</div> </div>
</div>
<div class="configForm tabPage hidden" id="xdrPage" >
<div class="configFormRows"> <div class="configFormRows">
</div> </div>
</div>
<div class="configForm tabPage hidden" id="xdrPage" >
<div class="buttons"> <div class="buttons">
<button id="resetForm">ReloadConfig</button> <button id="resetForm">ReloadConfig</button>
<button id="changeConfig">Save&Restart</button> <button id="changeConfig">Save&Restart</button>
@@ -68,6 +65,9 @@
<button id="exportXdr">Export</button> <button id="exportXdr">Export</button>
<button id="importXdr">Import</button> <button id="importXdr">Import</button>
</div> </div>
<div class="configFormRows">
</div>
</div> </div>
<div class="tabPage hidden" id="dashboardPage"> <div class="tabPage hidden" id="dashboardPage">