thek4n/pump_controller_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(frontend): pressure thresholds labels

Browse Source
This commit is contained in:
thek4n 2026-06-07 19:47:35 +03:00
parent ea758442e8
commit 00b820a90d
1 changed files with 29 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
assets/index.html
View File

@ -124,6 +124,29 @@
text-shadow: 0 1px 1px black;
}
.threshold-value {
background: #1e2f3f;
color: #c0e0ff;
padding: 3px 14px;
border-radius: 40px;
font-size: 0.85rem;
font-weight: 500;
box-shadow: inset 0 1px 2px rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.1);
display: inline-flex;
gap: 4px;
align-items: baseline;
}
.threshold-value span:first-child {
min-width: 45px;
text-align: right;
font-weight: 600;
}
.threshold-value span:last-child {
opacity: 0.8;
}
.slider-group span {
background: #1e2f3f;
color: #c0e0ff;
@ -332,7 +355,9 @@
<div class="slider-group">
<label>
Нижний порог (включение)
<span id="minThresholdVal">0.00</span> атм
<span class="threshold-value">
<span id="minThresholdVal">0.00</span> атм
</span>
</label>
<input type="range" class="min-slider" id="minSlider" min="0" max="8" step="0.05" value="0.0">
</div>
@ -340,7 +365,9 @@
<div class="slider-group">
<label>
Верхний порог (выключение)
<span id="maxThresholdVal">0.10</span> атм
<span class="threshold-value">
<span id="maxThresholdVal">0.10</span> атм
</span>
</label>
<input type="range" class="max-slider" id="maxSlider" min="0" max="8" step="0.05" value="3.0">
</div>