Spaces:
Sleeping
Sleeping
Update nutri_call.html
Browse files- nutri_call.html +25 -23
nutri_call.html
CHANGED
|
@@ -118,7 +118,7 @@ legend {
|
|
| 118 |
|
| 119 |
|
| 120 |
/* Стили для NH4 -- NO3 */
|
| 121 |
-
.nitrogen-container {
|
| 122 |
display: flex;
|
| 123 |
gap: 20px;
|
| 124 |
align-items: flex-start;
|
|
@@ -126,14 +126,14 @@ legend {
|
|
| 126 |
margin-top: -50px; /* Отступ сверху */
|
| 127 |
}
|
| 128 |
|
| 129 |
-
.nitrogen-column {
|
| 130 |
display: flex;
|
| 131 |
flex-direction: column;
|
| 132 |
gap: 10px;
|
| 133 |
align-items: center; /* Центрируем содержимое колонки */
|
| 134 |
}
|
| 135 |
|
| 136 |
-
.column-header {
|
| 137 |
font-weight: bold;
|
| 138 |
font-size: 0.8em;
|
| 139 |
margin-bottom: 5px;
|
|
@@ -141,12 +141,12 @@ legend {
|
|
| 141 |
width: 100%;
|
| 142 |
}
|
| 143 |
|
| 144 |
-
.nitrogen-group {
|
| 145 |
display: flex;
|
| 146 |
justify-content: center; /* Центрируем поля ввода */
|
| 147 |
}
|
| 148 |
|
| 149 |
-
.nitrogen-group input {
|
| 150 |
width: 80px;
|
| 151 |
padding: 5px;
|
| 152 |
border: 1px solid #ccc;
|
|
@@ -584,26 +584,28 @@ legend {
|
|
| 584 |
</div>
|
| 585 |
|
| 586 |
<!-- NH4 -- NO3 -->
|
| 587 |
-
<div
|
| 588 |
-
<
|
| 589 |
-
|
| 590 |
-
<div class="
|
| 591 |
-
|
| 592 |
-
<
|
| 593 |
-
|
| 594 |
-
|
| 595 |
-
<
|
|
|
|
|
|
|
| 596 |
</div>
|
| 597 |
-
</div>
|
| 598 |
|
| 599 |
-
|
| 600 |
-
|
| 601 |
-
|
| 602 |
-
|
| 603 |
-
|
| 604 |
-
|
| 605 |
-
|
| 606 |
-
|
|
|
|
| 607 |
</div>
|
| 608 |
</div>
|
| 609 |
</div>
|
|
|
|
| 118 |
|
| 119 |
|
| 120 |
/* Стили для NH4 -- NO3 */
|
| 121 |
+
#nh4-no3-block .nitrogen-container {
|
| 122 |
display: flex;
|
| 123 |
gap: 20px;
|
| 124 |
align-items: flex-start;
|
|
|
|
| 126 |
margin-top: -50px; /* Отступ сверху */
|
| 127 |
}
|
| 128 |
|
| 129 |
+
#nh4-no3-block .nitrogen-column {
|
| 130 |
display: flex;
|
| 131 |
flex-direction: column;
|
| 132 |
gap: 10px;
|
| 133 |
align-items: center; /* Центрируем содержимое колонки */
|
| 134 |
}
|
| 135 |
|
| 136 |
+
#nh4-no3-block .column-header {
|
| 137 |
font-weight: bold;
|
| 138 |
font-size: 0.8em;
|
| 139 |
margin-bottom: 5px;
|
|
|
|
| 141 |
width: 100%;
|
| 142 |
}
|
| 143 |
|
| 144 |
+
#nh4-no3-block .nitrogen-group {
|
| 145 |
display: flex;
|
| 146 |
justify-content: center; /* Центрируем поля ввода */
|
| 147 |
}
|
| 148 |
|
| 149 |
+
#nh4-no3-block .nitrogen-group input {
|
| 150 |
width: 80px;
|
| 151 |
padding: 5px;
|
| 152 |
border: 1px solid #ccc;
|
|
|
|
| 584 |
</div>
|
| 585 |
|
| 586 |
<!-- NH4 -- NO3 -->
|
| 587 |
+
<div id="nh4-no3-block">
|
| 588 |
+
<div class="nitrogen-container">
|
| 589 |
+
<!-- Колонка 1: NH4 -->
|
| 590 |
+
<div class="nitrogen-column">
|
| 591 |
+
<div class="column-header">NH4</div>
|
| 592 |
+
<div class="nitrogen-group">
|
| 593 |
+
<input id="profile_nh4" type="number" value="1.0" step="1.0" readonly>
|
| 594 |
+
</div>
|
| 595 |
+
<div class="nitrogen-group">
|
| 596 |
+
<input id="calculated_nh4" type="number" value="0.000" step="0.001" readonly>
|
| 597 |
+
</div>
|
| 598 |
</div>
|
|
|
|
| 599 |
|
| 600 |
+
<!-- Колонка 2: NO3 -->
|
| 601 |
+
<div class="nitrogen-column">
|
| 602 |
+
<div class="column-header">NO3</div>
|
| 603 |
+
<div class="nitrogen-group">
|
| 604 |
+
<input id="profile_no3" type="number" value="8.25" step="0.01" min="0" max="100.001">
|
| 605 |
+
</div>
|
| 606 |
+
<div class="nitrogen-group">
|
| 607 |
+
<input id="calculated_no3" type="number" value="0.000" step="0.001" readonly>
|
| 608 |
+
</div>
|
| 609 |
</div>
|
| 610 |
</div>
|
| 611 |
</div>
|