Anonymous Authors commited on
Commit
f14833d
Β·
1 Parent(s): d77a1fe

Drop the outer leaderboard border entirely

Browse files

* .vbench-wrap loses its border, border-radius, and shadow β€” there is
no visible card outline around the leaderboard anymore. The inner
.vbench-scroll still handles overflow.
* gr.HTML for the leaderboard is now created with container=False so
Gradio's own card box around the HTML component is also dropped.
Together this means the table sits flush on the tab background
without any wrapping outline.

Files changed (1) hide show
  1. app.py +6 -13
app.py CHANGED
@@ -102,18 +102,10 @@ LEADERBOARD_CSS = """
102
  /* Palette: Stripe-inspired (navy #0a2540 / slate text #425466 / pale #f6f9fc).
103
  TextScore column = deep navy primary; the three text-correctness primitives
104
  that feed it carry a soft tint; remaining detail metrics are quiet slate. */
105
- /* Two-tier wrap so the 12px border-radius clips the rounded corners
106
- regardless of how the inner table scrolls. The outer card holds the
107
- border + radius + shadow with overflow:hidden; the inner element is
108
- the actual scroll container. */
109
- .vbench-wrap {
110
- width: 100%;
111
- border: 1px solid #e3e8ee;
112
- border-radius: 12px;
113
- overflow: hidden;
114
- box-shadow: 0 1px 2px rgba(10, 37, 64, 0.04);
115
- background: #fff;
116
- }
117
  .vbench-scroll {
118
  width: 100%;
119
  overflow-x: auto;
@@ -752,7 +744,8 @@ with gr.Blocks(title="ViTeX-Bench Leaderboard",
752
  gr.Markdown(HEADER_MD)
753
 
754
  with gr.Tab("πŸ“Š Leaderboard"):
755
- leaderboard_html = gr.HTML(value=render_leaderboard_html())
 
756
  refresh_btn = gr.Button("πŸ”„ Refresh", variant="primary", size="sm")
757
  refresh_btn.click(fn=render_leaderboard_html, outputs=leaderboard_html)
758
 
 
102
  /* Palette: Stripe-inspired (navy #0a2540 / slate text #425466 / pale #f6f9fc).
103
  TextScore column = deep navy primary; the three text-correctness primitives
104
  that feed it carry a soft tint; remaining detail metrics are quiet slate. */
105
+ /* Borderless wrap. The outer .vbench-wrap is now a transparent
106
+ pass-through with no border, radius, or shadow; the inner
107
+ .vbench-scroll handles the actual scrolling. */
108
+ .vbench-wrap { width: 100%; background: transparent; }
 
 
 
 
 
 
 
 
109
  .vbench-scroll {
110
  width: 100%;
111
  overflow-x: auto;
 
744
  gr.Markdown(HEADER_MD)
745
 
746
  with gr.Tab("πŸ“Š Leaderboard"):
747
+ leaderboard_html = gr.HTML(value=render_leaderboard_html(),
748
+ container=False)
749
  refresh_btn = gr.Button("πŸ”„ Refresh", variant="primary", size="sm")
750
  refresh_btn.click(fn=render_leaderboard_html, outputs=leaderboard_html)
751