AaronTekle commited on
Commit
0fee1f8
·
verified ·
1 Parent(s): 8325a8e

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +16 -6
app.py CHANGED
@@ -1696,29 +1696,39 @@ html, body {
1696
  font-feature-settings: "liga" 1, "calt" 1;
1697
  }
1698
 
1699
- .result-tabs [role="tablist"] {
 
1700
  display: grid !important;
1701
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
1702
  gap: 14px !important;
1703
  width: 100% !important;
1704
- margin-top: 11px !important;
1705
  padding: 5px !important;
1706
  align-items: stretch !important;
 
 
1707
  border-radius: 13px !important;
1708
  background: rgba(255,255,255,.018);
1709
  }
1710
 
1711
- .result-tabs button[role="tab"] {
 
 
 
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
- .result-tabs button[role="tab"][aria-selected="true"] {
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"):