ZongqianLi commited on
Commit
59f4f68
·
verified ·
1 Parent(s): 23ef5e0

Update templates/index.html

Browse files
Files changed (1) hide show
  1. templates/index.html +9 -4
templates/index.html CHANGED
@@ -218,15 +218,20 @@
218
  .error-message {
219
  color: #dc2626;
220
  font-size: 14px;
221
- margin-top: 5px;
222
  display: none;
223
  position: absolute;
224
- bottom: -20px;
225
- left: 0;
 
226
  background: white;
227
  padding: 2px 8px;
228
  border-radius: 4px;
229
  box-shadow: 0 1px 2px rgba(0,0,0,0.1);
 
 
 
 
 
230
  }
231
 
232
  .output-section {
@@ -376,7 +381,7 @@
376
  </div>
377
 
378
  <div class="param-group">
379
- <div class="param-label"><strong style="color: red;">ENTER YOUR API KEY</strong></div>
380
  <input type="password" class="param-input" id="api-key">
381
  <div class="error-message" id="api-key-error">Please enter a valid API key</div>
382
  </div>
 
218
  .error-message {
219
  color: #dc2626;
220
  font-size: 14px;
 
221
  display: none;
222
  position: absolute;
223
+ right: 0;
224
+ top: 50%;
225
+ transform: translateY(-50%);
226
  background: white;
227
  padding: 2px 8px;
228
  border-radius: 4px;
229
  box-shadow: 0 1px 2px rgba(0,0,0,0.1);
230
+ margin-right: 10px;
231
+ }
232
+
233
+ .search-input-container, .param-group {
234
+ position: relative;
235
  }
236
 
237
  .output-section {
 
381
  </div>
382
 
383
  <div class="param-group">
384
+ <div class="param-label">API Key</div>
385
  <input type="password" class="param-input" id="api-key">
386
  <div class="error-message" id="api-key-error">Please enter a valid API key</div>
387
  </div>