DeltaLima/CanGrow
DeltaLima/CanGrow
0
0
Fork 0
Code Issues 14 Pull requests Projects 1 Releases 3 Packages Wiki Activity

firmware wip - gauge lables should be larger on a big screen. keep them small for mobile view

Browse source
This commit is contained in:
DeltaLima 2024-05-03 15:11:09 +02:00
parent 990d4a4363
commit 6faf2d8d7d
1 changed files with 4 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
Arduino/CanGrow/CanGrow.ino
View file

@ -334,10 +334,6 @@ const char CSSgauge[] PROGMEM = R"EOF(
justify-content: center; justify-content: center;
} }
.gaugeLabel {
font-weight: bold;
}
.gauge__container { .gauge__container {
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -405,6 +401,7 @@ const char CSSgauge[] PROGMEM = R"EOF(
display: table; display: table;
margin: 0 auto; margin: 0 auto;
position: relative; position: relative;
font-weight: bold;
} }
.gauge__label--low { .gauge__label--low {
@ -435,7 +432,7 @@ const char CSSgauge[] PROGMEM = R"EOF(
.gauge__label--high { width: 24px; } .gauge__label--high { width: 24px; }
@media only screen and (min-width: 720px) { @media only screen and (min-width: 720px) {
.gauge { height: calc(120px + 3em); } .gauge { height: calc(120px + 4.2em); }
.gauge__container { width: 240px; height: 120px; } .gauge__container { width: 240px; height: 120px; }
.gauge__marker { height: 120px; left: 119.5px; } .gauge__marker { height: 120px; left: 119.5px; }
.gauge__background { width: 240px; height: 120px; } .gauge__background { width: 240px; height: 120px; }
@ -446,7 +443,8 @@ const char CSSgauge[] PROGMEM = R"EOF(
.gauge__label--low { width: 48px; } .gauge__label--low { width: 48px; }
.gauge__label--spacer { width: 144px; text-align: center;} .gauge__label--spacer { width: 144px; text-align: center;}
.gauge__label--high { width: 48px; } .gauge__label--high { width: 48px; }
} .gaugeLabel { font-size: 1.3em; }
.gauge__labels { font-size: 2em; }
.gauge--liveupdate .gauge__data, .gauge--liveupdate .gauge__data,