Spaces:
Sleeping
Sleeping
Update app.py
Browse files
app.py
CHANGED
|
@@ -380,14 +380,16 @@ async def dashboard():
|
|
| 380 |
font-family: 'Courier New', monospace;
|
| 381 |
background: linear-gradient(135deg, #0a0e27 0%, #1a1f3a 100%);
|
| 382 |
color: #00ff88;
|
| 383 |
-
|
| 384 |
-
|
|
|
|
| 385 |
}
|
| 386 |
|
| 387 |
.container {
|
| 388 |
padding: 20px;
|
| 389 |
max-width: 1400px;
|
| 390 |
margin: 0 auto;
|
|
|
|
| 391 |
}
|
| 392 |
|
| 393 |
.header {
|
|
@@ -481,11 +483,30 @@ async def dashboard():
|
|
| 481 |
|
| 482 |
.workers-grid {
|
| 483 |
display: grid;
|
| 484 |
-
grid-template-columns: repeat(auto-fit, minmax(
|
| 485 |
gap: 20px;
|
| 486 |
margin-bottom: 30px;
|
| 487 |
}
|
| 488 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 489 |
.worker-card {
|
| 490 |
background: rgba(10, 14, 39, 0.8);
|
| 491 |
border: 2px solid #00ff88;
|
|
|
|
| 380 |
font-family: 'Courier New', monospace;
|
| 381 |
background: linear-gradient(135deg, #0a0e27 0%, #1a1f3a 100%);
|
| 382 |
color: #00ff88;
|
| 383 |
+
min-height: 100vh;
|
| 384 |
+
overflow-x: hidden;
|
| 385 |
+
overflow-y: auto;
|
| 386 |
}
|
| 387 |
|
| 388 |
.container {
|
| 389 |
padding: 20px;
|
| 390 |
max-width: 1400px;
|
| 391 |
margin: 0 auto;
|
| 392 |
+
padding-bottom: 40px;
|
| 393 |
}
|
| 394 |
|
| 395 |
.header {
|
|
|
|
| 483 |
|
| 484 |
.workers-grid {
|
| 485 |
display: grid;
|
| 486 |
+
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
| 487 |
gap: 20px;
|
| 488 |
margin-bottom: 30px;
|
| 489 |
}
|
| 490 |
|
| 491 |
+
@media (max-width: 768px) {
|
| 492 |
+
.workers-grid {
|
| 493 |
+
grid-template-columns: 1fr;
|
| 494 |
+
}
|
| 495 |
+
|
| 496 |
+
.status-bar {
|
| 497 |
+
flex-direction: column;
|
| 498 |
+
}
|
| 499 |
+
|
| 500 |
+
.info-grid {
|
| 501 |
+
grid-template-columns: repeat(2, 1fr);
|
| 502 |
+
}
|
| 503 |
+
|
| 504 |
+
.header h1 {
|
| 505 |
+
font-size: 1.5em;
|
| 506 |
+
letter-spacing: 2px;
|
| 507 |
+
}
|
| 508 |
+
}
|
| 509 |
+
|
| 510 |
.worker-card {
|
| 511 |
background: rgba(10, 14, 39, 0.8);
|
| 512 |
border: 2px solid #00ff88;
|