Hugging Face's logo

Spaces:
DmitrMakeev
/
api_g
Sleeping

App Files Community
DmitrMakeev commited on
Commit
9b1491d
·
verified ·
1 Parent(s): be906c9

Update nutri_call.html

Browse files
Files changed (1) hide show
  1. nutri_call.html +65 -41
nutri_call.html CHANGED
@@ -38,82 +38,106 @@
38
  border-radius: 4px;
39
  }
40
 
41
- /* Основные элементы в одну строку */
42
- .main-elements {
43
- display: flex;
44
- justify-content: center;
45
  gap: 10px;
46
  padding: 10px;
47
- flex-wrap: wrap;
48
  }
49
 
50
- /* Контейнер для каждого элемента */
51
- .element-group {
52
  display: flex;
53
- flex-direction: column;
54
- align-items: center;
 
55
  }
56
 
57
- /* Азотные элементы в одну строку под основными */
58
- .nitrogen-elements {
59
  display: flex;
60
- justify-content: center;
61
- gap: 20px;
62
- padding: 10px;
63
- margin-top: -10px;
64
  }
65
 
66
  /* Стиль для подписей */
67
  .element-label {
68
- margin-bottom: 5px;
69
  font-weight: bold;
 
 
70
  }
71
 
72
  /* Сетка для удобрений */
73
  .fertilisers-grid-container {
74
  display: grid;
75
  grid-template-columns: repeat(10, auto);
76
- grid-gap: 5px;
77
  padding: 10px;
78
  align-items: center;
79
  }
 
 
 
 
 
 
80
  </style>
81
  </head>
82
 
83
- <body>
 
 
84
  <fieldset>
85
  <legend>Макропрофиль в мг/л (ppm)</legend>
 
 
86
  <div class="profile-grid-container">
87
- <span class="profile-label">P</span>
88
- <span class="profile-label">K</span>
89
- <span class="profile-label">Ca</span>
90
- <span class="profile-label">Mg</span>
91
- <span class="profile-label">S</span>
92
- <span class="profile-label">Cl</span>
93
- <span class="profile-label">EC</span>
94
-
95
- <input id="pP" type="number" value="0.0" step="1.0"/>
96
- <input id="pK" type="number" value="0.0" step="1.0"/>
97
- <input id="pCa" type="number" value="0.0" step="1.0"/>
98
- <input id="pMg" type="number" value="0.0" step="1.0"/>
99
- <input id="pS" type="number" value="0.0" step="1.0"/>
100
- <input id="pCl" type="number" value="0.0" step="1.0"/>
101
- <input id="pEC" type="number" value="0.0" step="0.001"/>
 
 
 
 
 
 
 
 
 
 
 
 
 
102
  </div>
103
 
104
- <div class="nitrogen-grid-container">
105
- <div>
106
- <label for="pNO3">NO3</label>
 
107
  <input id="pNO3" type="number" value="0.0" step="1.0"/>
108
  </div>
109
- <div>
110
- <label for="pNH4">NH4</label>
111
  <input id="pNH4" type="number" value="0.0" step="1.0"/>
112
  </div>
113
  </div>
114
  </fieldset>
115
 
116
- <fieldset>
117
  <legend>Составы солей</legend>
118
  <div class="fertilisers-grid-container">
119
  <span></span>
@@ -134,6 +158,6 @@
134
  <span>K2SO4</span> <span id="f61">0</span><span id="f62">0</span><span id="f63">0</span><span id="f64">0</span><span id="f65">0</span><span id="f66">0</span><span id="f67">0</span><span id="f68">0</span><input type="number" step="0.001" id="w6"/>
135
  <span>CaCl2*6H2O</span><span id="f71">0</span><span id="f72">0</span><span id="f73">0</span><span id="f74">0</span><span id="f75">0</span><span id="f76">0</span><span id="f77">0</span><span id="f78">0</span><input type="number" step="0.001" id="w7"/>
136
  </div>
137
- </fieldset>
138
- </body>
139
  </html>
 
38
  border-radius: 4px;
39
  }
40
 
41
+ /* Основные элементы в одну строку сверху */
42
+ .profile-grid-container {
43
+ display: grid;
44
+ grid-template-columns: repeat(7, 1fr);
45
  gap: 10px;
46
  padding: 10px;
47
+ text-align: center;
48
  }
49
 
50
+ /* Контейнер для азотных элементов */
51
+ .nitrogen-container {
52
  display: flex;
53
+ gap: 20px;
54
+ padding: 10px;
55
+ margin-top: 10px;
56
  }
57
 
58
+ /* Стиль для группы азотных элементов */
59
+ .nitrogen-group {
60
  display: flex;
61
+ align-items: center;
62
+ gap: 5px;
 
 
63
  }
64
 
65
  /* Стиль для подписей */
66
  .element-label {
 
67
  font-weight: bold;
68
+ margin-bottom: 5px;
69
+ display: block;
70
  }
71
 
72
  /* Сетка для удобрений */
73
  .fertilisers-grid-container {
74
  display: grid;
75
  grid-template-columns: repeat(10, auto);
76
+ gap: 5px;
77
  padding: 10px;
78
  align-items: center;
79
  }
80
+
81
+ /* Выравнивание для первой колонки удобрений */
82
+ .fertilisers-grid-container span:first-child {
83
+ text-align: left;
84
+ min-width: 100px;
85
+ }
86
  </style>
87
  </head>
88
 
89
+ <body>
90
+ <h1>Калькулятор удобрений</h1>
91
+
92
  <fieldset>
93
  <legend>Макропрофиль в мг/л (ppm)</legend>
94
+
95
+ <!-- Основные элементы в строку сверху -->
96
  <div class="profile-grid-container">
97
+ <div>
98
+ <span class="element-label">P</span>
99
+ <input id="pP" type="number" value="0.0" step="1.0"/>
100
+ </div>
101
+ <div>
102
+ <span class="element-label">K</span>
103
+ <input id="pK" type="number" value="0.0" step="1.0"/>
104
+ </div>
105
+ <div>
106
+ <span class="element-label">Ca</span>
107
+ <input id="pCa" type="number" value="0.0" step="1.0"/>
108
+ </div>
109
+ <div>
110
+ <span class="element-label">Mg</span>
111
+ <input id="pMg" type="number" value="0.0" step="1.0"/>
112
+ </div>
113
+ <div>
114
+ <span class="element-label">S</span>
115
+ <input id="pS" type="number" value="0.0" step="1.0"/>
116
+ </div>
117
+ <div>
118
+ <span class="element-label">Cl</span>
119
+ <input id="pCl" type="number" value="0.0" step="1.0"/>
120
+ </div>
121
+ <div>
122
+ <span class="element-label">EC</span>
123
+ <input id="pEC" type="number" value="0.0" step="0.001"/>
124
+ </div>
125
  </div>
126
 
127
+ <!-- Азотные элементы слева под основными -->
128
+ <div class="nitrogen-container">
129
+ <div class="nitrogen-group">
130
+ <label for="pNO3">NO3:</label>
131
  <input id="pNO3" type="number" value="0.0" step="1.0"/>
132
  </div>
133
+ <div class="nitrogen-group">
134
+ <label for="pNH4">NH4:</label>
135
  <input id="pNH4" type="number" value="0.0" step="1.0"/>
136
  </div>
137
  </div>
138
  </fieldset>
139
 
140
+ <fieldset>
141
  <legend>Составы солей</legend>
142
  <div class="fertilisers-grid-container">
143
  <span></span>
 
158
  <span>K2SO4</span> <span id="f61">0</span><span id="f62">0</span><span id="f63">0</span><span id="f64">0</span><span id="f65">0</span><span id="f66">0</span><span id="f67">0</span><span id="f68">0</span><input type="number" step="0.001" id="w6"/>
159
  <span>CaCl2*6H2O</span><span id="f71">0</span><span id="f72">0</span><span id="f73">0</span><span id="f74">0</span><span id="f75">0</span><span id="f76">0</span><span id="f77">0</span><span id="f78">0</span><input type="number" step="0.001" id="w7"/>
160
  </div>
161
+ </fieldset>
162
+ </body>
163
  </html>