Spaces:
Runtime error
Runtime error
Fixes.
Browse files
app.py
CHANGED
|
@@ -320,13 +320,34 @@ def build_accuracy_figure(tier: str):
|
|
| 320 |
return fig
|
| 321 |
|
| 322 |
|
| 323 |
-
_initial_accuracy_fig = build_accuracy_figure("
|
| 324 |
|
| 325 |
# Force light theme even if HF user prefers dark
|
| 326 |
blocks = gr.Blocks(
|
| 327 |
css=custom_css,
|
| 328 |
theme=get_theme(),
|
| 329 |
-
js="
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 330 |
)
|
| 331 |
with blocks:
|
| 332 |
|
|
@@ -369,14 +390,13 @@ with blocks:
|
|
| 369 |
elem_classes="markdown-text",
|
| 370 |
)
|
| 371 |
|
| 372 |
-
|
| 373 |
-
|
| 374 |
-
|
| 375 |
-
|
| 376 |
-
|
| 377 |
-
inputs=None,
|
| 378 |
-
outputs=tabs,
|
| 379 |
)
|
|
|
|
| 380 |
# Existing "What is FormulaOne" tab
|
| 381 |
with gr.TabItem("What is FormulaOne", id=1, elem_id="what-is-tab"):
|
| 382 |
gr.Image(
|
|
|
|
| 320 |
return fig
|
| 321 |
|
| 322 |
|
| 323 |
+
_initial_accuracy_fig = build_accuracy_figure("Tier 1")
|
| 324 |
|
| 325 |
# Force light theme even if HF user prefers dark
|
| 326 |
blocks = gr.Blocks(
|
| 327 |
css=custom_css,
|
| 328 |
theme=get_theme(),
|
| 329 |
+
js="""
|
| 330 |
+
() => {
|
| 331 |
+
// Force light theme (your original)
|
| 332 |
+
document.body.classList.remove('dark');
|
| 333 |
+
document.documentElement.setAttribute('data-theme','light');
|
| 334 |
+
document.documentElement.setAttribute('data-color-mode','light');
|
| 335 |
+
|
| 336 |
+
// Handle <a data-tab-target="..."> to switch Gradio tabs by panel id
|
| 337 |
+
document.addEventListener('click', (e) => {
|
| 338 |
+
const a = e.target.closest('a[data-tab-target]');
|
| 339 |
+
if (!a) return;
|
| 340 |
+
e.preventDefault();
|
| 341 |
+
const id = a.getAttribute('data-tab-target'); // e.g., "what-is"
|
| 342 |
+
const panel = document.getElementById(id);
|
| 343 |
+
if (!panel) return;
|
| 344 |
+
|
| 345 |
+
// Find the tab header button that controls this panel and click it
|
| 346 |
+
const btn = document.querySelector(`[role="tab"][aria-controls="${panel.id}"]`);
|
| 347 |
+
if (btn) btn.click();
|
| 348 |
+
}, true);
|
| 349 |
+
}
|
| 350 |
+
""",
|
| 351 |
)
|
| 352 |
with blocks:
|
| 353 |
|
|
|
|
| 390 |
elem_classes="markdown-text",
|
| 391 |
)
|
| 392 |
|
| 393 |
+
gr.HTML(
|
| 394 |
+
'<div class="f1-container">'
|
| 395 |
+
'<p style="font-size:1.05rem;font-weight:700;margin-top:8px;">'
|
| 396 |
+
'<a class="f1-a" href="#" data-tab-target="what-is">Learn more about FormulaOne.</a>'
|
| 397 |
+
"</p></div>"
|
|
|
|
|
|
|
| 398 |
)
|
| 399 |
+
|
| 400 |
# Existing "What is FormulaOne" tab
|
| 401 |
with gr.TabItem("What is FormulaOne", id=1, elem_id="what-is-tab"):
|
| 402 |
gr.Image(
|