jeka/OTGateway
1
0
Fork 0
mirror of https://github.com/Laxilef/OTGateway.git synced 2025-12-10 18:24:27 +05:00
Code Issues Packages Projects Releases Wiki Activity

refactor: reworked layout and styles of the portal

Browse Source
This commit is contained in:
Yurii
2024-04-08 05:37:36 +03:00
parent 2af159d566
commit 9a29819d4f
6 changed files with 425 additions and 412 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src_data/static/app.css
View File

@@ -1,15 +1,41 @@
:root {
--pico-block-spacing-horizontal: calc(1rem * 2.25);
--pico-block-spacing-vertical: calc(1rem * 2.25)
@media (min-width: 576px) {
article {
--pico-block-spacing-vertical: calc(var(--pico-spacing) * 0.75);
--pico-block-spacing-horizontal: calc(var(--pico-spacing) * 0.75);
}
}
@media (min-width: 768px) {
article {
--pico-block-spacing-vertical: var(--pico-spacing);
--pico-block-spacing-horizontal: var(--pico-spacing);
}
}
@media (min-width: 1024px) {
article {
--pico-block-spacing-vertical: calc(var(--pico-spacing) * 1.25);
--pico-block-spacing-horizontal: calc(var(--pico-spacing) * 1.25);
}
}
@media (min-width: 1280px) {
article {
--pico-block-spacing-vertical: calc(var(--pico-spacing) * 1.5);
--pico-block-spacing-horizontal: calc(var(--pico-spacing) * 1.5);
}
.container {
max-width: 1000px;
}
}
@media (min-width: 1536px) {
article {
--pico-block-spacing-vertical: calc(var(--pico-spacing) * 1.75);
--pico-block-spacing-horizontal: calc(var(--pico-spacing) * 1.75);
}
.container {
max-width: 1000px;
}
@@ -82,4 +108,12 @@ tr.network:hover {
nav li a:has(> div.logo) {
margin-bottom: 0;
}
details > div {
padding: 0 var(--pico-form-element-spacing-horizontal);
}
pre {
padding: 0.5rem;
}

2
src_data/static/app.js
View File

@@ -593,7 +593,7 @@ async function loadVars() {
setValue('.slave-version', result.parameters.slaveVersion);
setValue('.slave-ot-version', result.parameters.slaveOtVersion);
setBusy('.ot-busy', '.ot-table', false);
setBusy('.vars-busy', '.vars-table', false);
setValue('.temp-unit', tempUnitStr);
setValue('.pressure-unit', pressureUnitStr);