Spaces:
Running
Running
Update templates/index.html
Browse files- 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 |
-
|
| 225 |
-
|
|
|
|
| 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"
|
| 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>
|