Spaces:
Running on Zero
Running on Zero
Update app.py
Browse files
app.py
CHANGED
|
@@ -1696,29 +1696,39 @@ html, body {
|
|
| 1696 |
font-feature-settings: "liga" 1, "calt" 1;
|
| 1697 |
}
|
| 1698 |
|
| 1699 |
-
|
|
|
|
| 1700 |
display: grid !important;
|
| 1701 |
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
|
| 1702 |
gap: 14px !important;
|
| 1703 |
width: 100% !important;
|
| 1704 |
-
margin
|
| 1705 |
padding: 5px !important;
|
| 1706 |
align-items: stretch !important;
|
|
|
|
|
|
|
| 1707 |
border-radius: 13px !important;
|
| 1708 |
background: rgba(255,255,255,.018);
|
| 1709 |
}
|
| 1710 |
|
| 1711 |
-
|
|
|
|
|
|
|
|
|
|
| 1712 |
width: 100% !important;
|
| 1713 |
min-width: 0 !important;
|
| 1714 |
max-width: none !important;
|
|
|
|
| 1715 |
margin: 0 !important;
|
| 1716 |
-
border-radius: 10px !important;
|
| 1717 |
padding: 10px 13px !important;
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1718 |
color: #9e93a5 !important;
|
| 1719 |
}
|
| 1720 |
|
| 1721 |
-
|
| 1722 |
color: #fff !important;
|
| 1723 |
background: rgba(255,95,135,.075) !important;
|
| 1724 |
border-color: rgba(255,95,135,.15) !important;
|
|
@@ -2165,7 +2175,7 @@ def build_app():
|
|
| 2165 |
# Creates the agent execution button and result components for answers, code, and tool traces
|
| 2166 |
agent_btn = gr.Button("Run Machine Learning Agent", variant="primary", elem_id="agent-button")
|
| 2167 |
agent_answer = gr.Markdown("", elem_id="agent-answer", elem_classes=["result-markdown"])
|
| 2168 |
-
with gr.Tabs(elem_classes=["result-tabs"]):
|
| 2169 |
with gr.Tab("Recommended Pipeline"):
|
| 2170 |
agent_code = gr.Code(label="Generated Python", language="python", lines=28)
|
| 2171 |
with gr.Tab("Tool Trace"):
|
|
|
|
| 1696 |
font-feature-settings: "liga" 1, "calt" 1;
|
| 1697 |
}
|
| 1698 |
|
| 1699 |
+
/* Agent result tabs: keep both buttons centered, equal-width, and evenly spaced. */
|
| 1700 |
+
#agent-result-tabs [role="tablist"] {
|
| 1701 |
display: grid !important;
|
| 1702 |
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
|
| 1703 |
gap: 14px !important;
|
| 1704 |
width: 100% !important;
|
| 1705 |
+
margin: 11px auto 0 !important;
|
| 1706 |
padding: 5px !important;
|
| 1707 |
align-items: stretch !important;
|
| 1708 |
+
justify-items: stretch !important;
|
| 1709 |
+
justify-content: center !important;
|
| 1710 |
border-radius: 13px !important;
|
| 1711 |
background: rgba(255,255,255,.018);
|
| 1712 |
}
|
| 1713 |
|
| 1714 |
+
#agent-result-tabs button[role="tab"] {
|
| 1715 |
+
display: flex !important;
|
| 1716 |
+
align-items: center !important;
|
| 1717 |
+
justify-content: center !important;
|
| 1718 |
width: 100% !important;
|
| 1719 |
min-width: 0 !important;
|
| 1720 |
max-width: none !important;
|
| 1721 |
+
min-height: 44px !important;
|
| 1722 |
margin: 0 !important;
|
|
|
|
| 1723 |
padding: 10px 13px !important;
|
| 1724 |
+
flex: 1 1 0 !important;
|
| 1725 |
+
text-align: center !important;
|
| 1726 |
+
white-space: nowrap !important;
|
| 1727 |
+
border-radius: 10px !important;
|
| 1728 |
color: #9e93a5 !important;
|
| 1729 |
}
|
| 1730 |
|
| 1731 |
+
#agent-result-tabs button[role="tab"][aria-selected="true"] {
|
| 1732 |
color: #fff !important;
|
| 1733 |
background: rgba(255,95,135,.075) !important;
|
| 1734 |
border-color: rgba(255,95,135,.15) !important;
|
|
|
|
| 2175 |
# Creates the agent execution button and result components for answers, code, and tool traces
|
| 2176 |
agent_btn = gr.Button("Run Machine Learning Agent", variant="primary", elem_id="agent-button")
|
| 2177 |
agent_answer = gr.Markdown("", elem_id="agent-answer", elem_classes=["result-markdown"])
|
| 2178 |
+
with gr.Tabs(elem_id="agent-result-tabs", elem_classes=["result-tabs"]):
|
| 2179 |
with gr.Tab("Recommended Pipeline"):
|
| 2180 |
agent_code = gr.Code(label="Generated Python", language="python", lines=28)
|
| 2181 |
with gr.Tab("Tool Trace"):
|