Spaces:
Sleeping
Sleeping
better
Browse files- app.py +1 -1
- styles.css +3 -23
app.py
CHANGED
|
@@ -75,7 +75,7 @@ with gr.Blocks(title="Model Test Results Dashboard", css=load_css(), fill_height
|
|
| 75 |
ci_links_display = gr.Markdown("🔗 **CI Jobs:** *Loading...*", elem_classes=["sidebar-links"])
|
| 76 |
|
| 77 |
# Main content area
|
| 78 |
-
with gr.Column(
|
| 79 |
# Summary display (default view)
|
| 80 |
summary_display = gr.ScatterPlot(
|
| 81 |
pd.DataFrame({
|
|
|
|
| 75 |
ci_links_display = gr.Markdown("🔗 **CI Jobs:** *Loading...*", elem_classes=["sidebar-links"])
|
| 76 |
|
| 77 |
# Main content area
|
| 78 |
+
with gr.Column(elem_classes=["main-content"]):
|
| 79 |
# Summary display (default view)
|
| 80 |
summary_display = gr.ScatterPlot(
|
| 81 |
pd.DataFrame({
|
styles.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
| 1 |
-
/* Global dark theme with configurable
|
| 2 |
:root {
|
| 3 |
--main-content-bottom-margin: 10px; /* Configurable bottom margin for main content */
|
| 4 |
}
|
|
@@ -369,36 +369,16 @@ div[data-testid="column"]:has(.sidebar) {
|
|
| 369 |
border-color: #666666 !important;
|
| 370 |
}
|
| 371 |
|
| 372 |
-
/* Plot container with smooth transitions and
|
| 373 |
.plot-container {
|
| 374 |
background-color: #000000 !important;
|
| 375 |
border: none !important;
|
| 376 |
transition: opacity 0.6s ease-in-out !important;
|
| 377 |
flex: 1 1 auto !important;
|
| 378 |
min-height: 0 !important;
|
| 379 |
-
overflow-y: auto !important;
|
| 380 |
-
scrollbar-width: thin !important;
|
| 381 |
-
scrollbar-color: #333333 #000000 !important;
|
| 382 |
-
}
|
| 383 |
-
|
| 384 |
-
/* Custom scrollbar for plot container */
|
| 385 |
-
.plot-container::-webkit-scrollbar {
|
| 386 |
-
width: 8px !important;
|
| 387 |
-
background: #000000 !important;
|
| 388 |
-
}
|
| 389 |
-
|
| 390 |
-
.plot-container::-webkit-scrollbar-track {
|
| 391 |
-
background: #000000 !important;
|
| 392 |
-
}
|
| 393 |
-
|
| 394 |
-
.plot-container::-webkit-scrollbar-thumb {
|
| 395 |
-
background-color: #333333 !important;
|
| 396 |
-
border-radius: 4px !important;
|
| 397 |
}
|
| 398 |
|
| 399 |
-
|
| 400 |
-
background-color: #555555 !important;
|
| 401 |
-
}
|
| 402 |
|
| 403 |
/* Gradio plot component styling */
|
| 404 |
.gr-plot {
|
|
|
|
| 1 |
+
/* Global dark theme with configurable margins */
|
| 2 |
:root {
|
| 3 |
--main-content-bottom-margin: 10px; /* Configurable bottom margin for main content */
|
| 4 |
}
|
|
|
|
| 369 |
border-color: #666666 !important;
|
| 370 |
}
|
| 371 |
|
| 372 |
+
/* Plot container with smooth transitions and no scrolling */
|
| 373 |
.plot-container {
|
| 374 |
background-color: #000000 !important;
|
| 375 |
border: none !important;
|
| 376 |
transition: opacity 0.6s ease-in-out !important;
|
| 377 |
flex: 1 1 auto !important;
|
| 378 |
min-height: 0 !important;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 379 |
}
|
| 380 |
|
| 381 |
+
/* Plot container scrollbar removed - using overflow: hidden */
|
|
|
|
|
|
|
| 382 |
|
| 383 |
/* Gradio plot component styling */
|
| 384 |
.gr-plot {
|