mirror of
https://github.com/lumapu/ahoy.git
synced 2025-05-28 08:16:11 +02:00
* added HM1200 decoder
* added HTML to visualize the read values
This commit is contained in:
parent
a7add69719
commit
8bfbd8d45b
12 changed files with 232 additions and 16 deletions
|
@ -134,18 +134,55 @@ label {
|
|||
}
|
||||
|
||||
.inputWrp .floating_label {
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
top: 20px;
|
||||
left: 10px;
|
||||
transition: 0.2s ease all;
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
top: 20px;
|
||||
left: 10px;
|
||||
transition: 0.2s ease all;
|
||||
}
|
||||
|
||||
.inputWrp input:focus ~ .floating_label,
|
||||
.inputWrp input:not(:focus):valid ~ .floating_label {
|
||||
top: 0px;
|
||||
left: 20px;
|
||||
font-size: 10px;
|
||||
color: blue;
|
||||
opacity: 1;
|
||||
top: 0px;
|
||||
left: 20px;
|
||||
font-size: 10px;
|
||||
color: blue;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
div.module {
|
||||
display: block;
|
||||
width: 250px;
|
||||
height: 410px;
|
||||
background-color: #006ec0;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
margin-right: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
div.module .value, div.module .info, div.module .header {
|
||||
color: #fff;
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div.module .unit {
|
||||
font-size: 19px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
div.module .value {
|
||||
margin-top: 20px;
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
div.module .info {
|
||||
margin-top: 3px;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
div.module .header {
|
||||
background-color: #003c80;
|
||||
padding: 10px 0 10px 0;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue